DOM全拼為Document Object Model（文件物件模型）是一種用於HTML和XML文件的程式設計介面，它給文件提供了一種結構化的表示方法，可以改變文件的內容和呈現方式。我們最為關心的是，DOM把網頁和指令碼以及其他的程式語言聯絡了起來。DOM實際上是以面向物件方式描述的文件模型。DOM定義了表示和修改文件所需的物件、這些物件的行為和屬性以及這些物件之間的關係。可以把DOM認為是頁面上資料和結構的一個樹形表示，不過頁面當然可能並不是以這種樹的方式具體實現。透過 JavaScript，您可以重構整個 HTML 文件。您可以新增、移除、改變或重排頁面上的專案。1、直接引用結點：document.getElementById(id)；--在文件裡面透過id來找節點document.getElementByTagName(tagName)；--返回一個數組，包含對這些結點的引用 document.getElementByTagName("span")；將返回所有型別為span的結點。2、獲得結點資訊：nodeName屬性獲得結點名稱 --對於元素結點返回的是標記名稱,如：
返回的是"a" ；對於屬性結點返回的是屬性名稱,如：class="test" 返回的是test ；對於文字結點返回的是文字的內容，nodeType返回結點的型別。3、處理屬性結點：每個屬性結點都是元素結點的一個屬性，可以透過(元素結點.屬性名稱)訪問；利用setAttribute()方法給元素結點新增屬性。4、處理文字結點：無論是ie還是firefox都容易把空格、換行、製表符等當成文字結點。所有一般透過element.childNodes[i]引用文字結點的時候，一般要處理：
DOM全拼為Document Object Model（文件物件模型）是一種用於HTML和XML文件的程式設計介面，它給文件提供了一種結構化的表示方法，可以改變文件的內容和呈現方式。我們最為關心的是，DOM把網頁和指令碼以及其他的程式語言聯絡了起來。DOM實際上是以面向物件方式描述的文件模型。DOM定義了表示和修改文件所需的物件、這些物件的行為和屬性以及這些物件之間的關係。可以把DOM認為是頁面上資料和結構的一個樹形表示，不過頁面當然可能並不是以這種樹的方式具體實現。透過 JavaScript，您可以重構整個 HTML 文件。您可以新增、移除、改變或重排頁面上的專案。1、直接引用結點：document.getElementById(id)；--在文件裡面透過id來找節點document.getElementByTagName(tagName)；--返回一個數組，包含對這些結點的引用 document.getElementByTagName("span")；將返回所有型別為span的結點。2、獲得結點資訊：nodeName屬性獲得結點名稱 --對於元素結點返回的是標記名稱,如：
返回的是"a" ；對於屬性結點返回的是屬性名稱,如：class="test" 返回的是test ；對於文字結點返回的是文字的內容，nodeType返回結點的型別。3、處理屬性結點：每個屬性結點都是元素結點的一個屬性，可以透過(元素結點.屬性名稱)訪問；利用setAttribute()方法給元素結點新增屬性。4、處理文字結點：無論是ie還是firefox都容易把空格、換行、製表符等當成文字結點。所有一般透過element.childNodes[i]引用文字結點的時候，一般要處理：