HTML DOM 教程

認(rèn)識(shí)HTML DOM：

DOM是Document Object Model文檔對(duì)象模型的縮寫(xiě)，是W3C組織推薦的處理可擴(kuò)展標(biāo)志語(yǔ)言的標(biāo)準(zhǔn)編程接口。根據(jù)W3C DOM規(guī)范，DOM是一種與瀏覽器，平臺(tái)，語(yǔ)言無(wú)關(guān)的接口，使得你可以訪問(wèn)頁(yè)面中其他的標(biāo)準(zhǔn)組件。簡(jiǎn)單理解，DOM解決了Netscape的JavaScript和 Microsoft的JavaScript之間的沖突，給予web設(shè)計(jì)師和開(kāi)發(fā)者一個(gè)標(biāo)準(zhǔn)的方法，讓他們來(lái)訪問(wèn)他們站點(diǎn)中的數(shù)據(jù)、腳本和表現(xiàn)層對(duì)象。

DOM是以層次結(jié)構(gòu)組織的節(jié)點(diǎn)或信息片斷的集合。這個(gè)層次結(jié)構(gòu)允許開(kāi)發(fā)人員在樹(shù)中導(dǎo)航尋找特定信息。分析該結(jié)構(gòu)通常需要加載整個(gè)文檔和構(gòu)造層次結(jié)構(gòu)，然后才能做任何工作。由于它是基于信息層次的，因而 DOM 被認(rèn)為是基于樹(shù)或基于對(duì)象的。

HTML DOM 定義了訪問(wèn)和操作HTML文檔的標(biāo)準(zhǔn)方法。

HTML DOM 把 HTML 文檔呈現(xiàn)為帶有元素、屬性和文本的樹(shù)結(jié)構(gòu)（節(jié)點(diǎn)樹(shù)）。

教程結(jié)構(gòu)概述：

本教程共由13個(gè)小節(jié)構(gòu)成，詳細(xì)講述了HTML DOM的基礎(chǔ)使用方法并附帶了大量可在線試運(yùn)行的實(shí)例輔助您的學(xué)習(xí)，讓您輕松掌握HTML DOM。

本教程包含：

1、HTML DOM 教程

2、HTML DOM 簡(jiǎn)介

3、HTML DOM 節(jié)點(diǎn)

4、HTML DOM 方法

5、HTML DOM 屬性

6、HTML DOM 訪問(wèn)

7、HTML DOM 修改

8、HTML DOM 修改 HTML 內(nèi)容

9、HTML DOM 元素

10、HTML DOM 事件

11、HTML DOM 導(dǎo)航

12、HTML DOM 總結(jié)

13、DOM 實(shí)例

HTML DOM的發(fā)展及學(xué)習(xí)前的準(zhǔn)備：

Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰(zhàn)”，雙方為在JavaScript與JScript一決生死，于是大規(guī)模的賦予瀏覽器強(qiáng)大的功能。微軟在網(wǎng)頁(yè)技術(shù)上加入了不少專(zhuān)屬事物，計(jì)有VBScript、ActiveX、以及微軟自家的DHTML格式等，使不少網(wǎng)頁(yè)使用非微軟平臺(tái)及瀏覽器無(wú)法正常顯示。DOM即是當(dāng)時(shí)蘊(yùn)釀出來(lái)的杰作。

在 1998 年，W3C 發(fā)布了第一級(jí)的 DOM 規(guī)范。這個(gè)規(guī)范允許訪問(wèn)和操作 HTML 頁(yè)面中的每一個(gè)單獨(dú)的元素。所有的瀏覽器都執(zhí)行了這個(gè)標(biāo)準(zhǔn)，因此，DOM 的兼容性問(wèn)題也幾乎難覓蹤影了。

在您開(kāi)始學(xué)習(xí)HTML DOM之前，您應(yīng)該對(duì)以下知識(shí)有基本的了解：

《HTML 教程》

《JavaScript 教程》

《CSS 教程》

在本教程中，你將學(xué)習(xí)如何通過(guò)文檔對(duì)象模型（DOM）更有效率地操作HTML，而無(wú)需DOM操作庫(kù)的幫助。教程中的代碼示例，用演示多種節(jié)點(diǎn)對(duì)象的工作方式，帶你領(lǐng)略現(xiàn)代DOM理念。

HTML DOM的優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)：

易用性強(qiáng)，使用DOM時(shí)，將把所有的XML文檔信息都存于內(nèi)存中，并且遍歷簡(jiǎn)單，支持XPath，增強(qiáng)了易用性。

缺點(diǎn)：

效率低，解析速度慢，內(nèi)存占用量過(guò)高，對(duì)于大文件來(lái)說(shuō)幾乎不可能使用。另外效率低還表現(xiàn)在大量的消耗時(shí)間，因?yàn)槭褂肈OM進(jìn)行解析時(shí)，將為文檔的每個(gè)element、attribute、processing-instrUCtion和comment都創(chuàng)建一個(gè)對(duì)象，這樣在DOM機(jī)制中所運(yùn)用的大量對(duì)象的創(chuàng)建和銷(xiāo)毀無(wú)疑會(huì)影響其效率。

相關(guān)網(wǎng)址：

HTML DOM 參考手冊(cè)：http://hgci.cn/jsref/jsref-tutorial.html

W3C 中文網(wǎng)：http://www.chinaw3c.org/

W3C 官網(wǎng)：https://www.w3.org/

除了本教程，您還可以在w3cschool上學(xué)習(xí)：

《bootstrap 教程》

《XML DOM教程》