序

本書并不是一本參考大全類型的圖書，只重點介紹了幾種最有用的DOM方法和屬性。本書的精華在于作者在書中提到的關(guān)于JavaScript和DOM腳本編程工作的基本原則、良好的習(xí)慣和正確的思路。

代碼示例全部換成HTML5標(biāo)記。

永遠不要假設(shè)Ajax（或JavaScript，等等）一定可用。

增加了jQuery的章節(jié)。揭示了人們對為什么使用庫的種種疑問。它讓你先理解了底層代碼的工作原理，然后再告訴你使用庫為什么能節(jié)省時間和精力。

前言

本書由代碼和概念兩大部分構(gòu)成。

歸根結(jié)底，代碼都是思想和概念的體現(xiàn)。

不僅想讓你看到用DOM腳本實現(xiàn)的炫酷效果，更要讓你看到怎樣才能利用DOM腳本編程技術(shù)以一種既方便自己更體貼用戶的方式去充實和完善網(wǎng)頁。

JavaScript是Netscape與sun或做開發(fā)的。JS是一種腳本語言，通常只能通過web瀏覽器去完成一些操作。需要由web瀏覽器解釋和執(zhí)行。

簡單的說，DOM是一套對問的那個的內(nèi)容進行抽象和概念化的方法。

現(xiàn)實世界中--->世界對象模型---->左邊第三棟房子

JS--->提供了查詢和操控web文檔某些實際內(nèi)容（圖像和表單）的手段--->預(yù)先定義了images和forms--->文檔中的第三個圖像

document.images[2];
document.forms['details'];

Netscape的DOM使用了專有元素，稱為層（layer)。層有唯一的ID，假設(shè)要找出myelement元素的left位置并賦值給變量xpos，JS代碼需要如下引用

document.layers['myelement']
var xpos=docuemnt.layers['myelement'].left;

而微軟需要如下引用

document.all['myelement']
var xpos=docuemnt.all['myelement'].leftpos;

W3C推出了標(biāo)準(zhǔn)化的DOM。還是剛才的例子，假設(shè)要找出myelement元素的left位置并賦值給變量xpos，此時的JS語法如下：
var xpos=docuemnt.getElementById('myelement').style.left

W3C推出的標(biāo)準(zhǔn)化的DOM可以讓任何一種程序設(shè)計語言對使用任何一種標(biāo)記語言編寫出來的任何一份文檔進行操控。