1、DOM簡介

文檔對象模型（DOM, Document Object Model）是一個應用編程接口（API），用于在HTML中使用擴展的XML。在DOM中，HTML文檔的層次結構被表示為一個樹形結構。并用document對象表示該文檔，樹的每個子節點表示HTML文檔中的不同內容。每個載入瀏覽器的 HTML 文檔都會成為 Document 對象，Document是探索DOM的入口，利用全局變量document可以訪問Document對象。DOM將整個頁面抽象為一組分層節點。HTML或XML頁面的每個組成部分都是一種節點，包含不同的數據。比如下面的HTML頁面：

Hello World!!!

將以上HTML代碼分解為DOM節點層次圖如下：

DOM通過創建表示文檔的樹，讓開發者可以隨心所欲地控制網頁的內容和結構。使用DOM API，可以輕松地刪除、添加、替換、修改節點。

2、DOM級別

DOM Level 1： 1998年10月，DOM Level 1成為W3C的推薦標準。這個規范由兩個模塊組成：DOM Core和DOM HTML。前者提供了一種映射XML文檔，從而方便訪問和操作文檔任意部分的方式；后者擴展了前者，并增加了特定于HTML的對象和方法。

DOM Level 2： DOM Level 1的目標是映射文檔結構，而DOM Level 2的目標則寬泛得多。這個對最初DOM的擴展增加了對（DHTML早就支持的）鼠標和用戶界面事件、范圍、遍歷（迭代DOM節點的方法）的支持，而且通過對象接口支持了層疊樣式表（CSS）。另外，DOM Level 1中的DOM Core也被擴展以包含對XML命名空間的支持。DOM Level 2新增了以下模塊，以支持新的接口：

DOM視圖：描述追蹤文檔不同視圖（如應用CSS樣式前后的文檔）的接口。 DOM事件：描述事件及事件處理的接口。 DOM樣式：描述處理元素CSS樣式的接口。 DOM遍歷和范圍：描述遍歷和操作DOM樹的接口。

DOM Level 3： DOM Level 3進一步擴展了DOM，增加了以統一的方式加載和保存文檔的方法（包含在一個叫DOM Load and Save的新模塊中），還有驗證文檔的方法（DOM Validation）。在Level 3中，DOM Core經過擴展支持了所有XML 1.0的特性，包括XML Infoset、XPath和XML Base。

DOM4： 目前，W3C不再按照Level來維護DOM了，而是作為DOM Living Standard來維護，其快照稱為DOM4。DOM4新增的內容包括替代Mutation Events的Mutation Observers。

3、Web瀏覽器對DOM的支持情況

DOM標準在Web瀏覽器實現它之前就已經作為標準發布了。IE在第5版中嘗試支持DOM，但直到5.5版才開始真正支持，該版本實現了DOM Level 1的大部分。IE在第6版和第7版中都沒有實現新特性，第8版中修復了一些問題。

網景在Netscape 6（Mozilla 0.6.0）之前都不支持DOM。Netscape 7之后，Mozilla把開發資源轉移到開發Firefox瀏覽器上。Firefox 3+支持全部的Level 1、幾乎全部的Level 2，以及Level 3的某些部分。

4、DOM節點類型

DOM規定文檔中的每個成分都是一個節點（Node），HTML文檔可以說由節點構成的集合，DOM節點有：

5、DOM節點三大屬性

6、DOM 常見操作

Node為所有節點的父接口，其定義了一組公共的屬性和方法，如下：

節點關系方法：

7、查找節點的方法

8、樣式屬性及操作

9、元素節點屬性及操作

10、屬性節點屬性及操作

11、文本節點屬性及操作

12、文檔節點屬性及操作

HTML javaScript

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。