HTML DOM 教程

認識HTML DOM：

DOM是Document Object Model文檔對象模型的縮寫，是W3C組織推薦的處理可擴展標志語言的標準編程接口。根據W3C DOM規范，DOM是一種與瀏覽器，平臺，語言無關的接口，使得你可以訪問頁面中其他的標準組件。簡單理解，DOM解決了Netscape的JavaScript和 Microsoft的JavaScript之間的沖突，給予web設計師和開發者一個標準的方法，讓他們來訪問他們站點中的數據、腳本和表現層對象。

DOM是以層次結構組織的節點或信息片斷的集合。這個層次結構允許開發人員在樹中導航尋找特定信息。分析該結構通常需要加載整個文檔和構造層次結構，然后才能做任何工作。由于它是基于信息層次的，因而 DOM 被認為是基于樹或基于對象的。

HTML DOM 定義了訪問和操作HTML文檔的標準方法。

HTML DOM 把 HTML 文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。

教程結構概述：

本教程共由13個小節構成，詳細講述了HTML DOM的基礎使用方法并附帶了大量可在線試運行的實例輔助您的學習，讓您輕松掌握HTML DOM。

本教程包含：

1、HTML DOM 教程

2、HTML DOM 簡介

3、HTML DOM 節點

4、HTML DOM 方法

5、HTML DOM 屬性

6、HTML DOM 訪問

7、HTML DOM 修改

8、HTML DOM 修改 HTML 內容

9、HTML DOM 元素

10、HTML DOM 事件

11、HTML DOM 導航

12、HTML DOM 總結

13、DOM 實例

HTML DOM的發展及學習前的準備：

Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰”，雙方為在JavaScript與JScript一決生死，于是大規模的賦予瀏覽器強大的功能。微軟在網頁技術上加入了不少專屬事物，計有VBScript、ActiveX、以及微軟自家的DHTML格式等，使不少網頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當時蘊釀出來的杰作。

在 1998 年，W3C 發布了第一級的 DOM 規范。這個規范允許訪問和操作 HTML 頁面中的每一個單獨的元素。所有的瀏覽器都執行了這個標準，因此，DOM 的兼容性問題也幾乎難覓蹤影了。

在您開始學習HTML DOM之前，您應該對以下知識有基本的了解：

《HTML 教程》

《JavaScript 教程》

《CSS 教程》

在本教程中，你將學習如何通過文檔對象模型（DOM）更有效率地操作HTML，而無需DOM操作庫的幫助。教程中的代碼示例，用演示多種節點對象的工作方式，帶你領略現代DOM理念。

HTML DOM的優缺點：

優點：

易用性強，使用DOM時，將把所有的XML文檔信息都存于內存中，并且遍歷簡單，支持XPath，增強了易用性。

缺點：

效率低，解析速度慢，內存占用量過高，對于大文件來說幾乎不可能使用。另外效率低還表現在大量的消耗時間，因為使用DOM進行解析時，將為文檔的每個element、attribute、processing-instrUCtion和comment都創建一個對象，這樣在DOM機制中所運用的大量對象的創建和銷毀無疑會影響其效率。

相關網址：

HTML DOM 參考手冊：http://www.realmoneymillionaire.com/jsref/jsref-tutorial.html

W3C 中文網：http://www.chinaw3c.org/

W3C 官網：https://www.w3.org/

除了本教程，您還可以在w3cschool上學習：

《bootstrap 教程》

《XML DOM教程》