在《HTML DOM中文參考手冊》中，HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準(zhǔn)方法。 DOM 以樹結(jié)構(gòu)表達(dá) HTML 文檔。

HTML?DOM是HTML Document Object Model(文檔對象模型)的縮寫，HTML DOM則是專門適用于HTML/XHTML的文檔對象模型。熟悉軟件開發(fā)的人員可以將HTML DOM理解為網(wǎng)頁的API。它將網(wǎng)頁中的各個元素都看作一個個對象，從而使網(wǎng)頁中的元素也可以被計算機語言獲取或者編輯。 例如Javascript就可以利用HTML DOM動態(tài)地修改網(wǎng)頁。

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

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

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

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

提示：在您繼續(xù)學(xué)習(xí)HTML DOM之前，您需要對HTML、CSS、JavaScrip內(nèi)容擁有基本的了解。

節(jié)點信息

在 HTML DOM 中，所有事物都是節(jié)點。DOM 是被視為節(jié)點樹的 HTML。

每個節(jié)點都擁有包含著關(guān)于節(jié)點某些信息的屬性。這些屬性是：

nodeName（節(jié)點名稱）nodeValue（節(jié)點值）nodeType（節(jié)點類型）

根據(jù)W3C的 HTML DOM 標(biāo)準(zhǔn)，HTML 文檔中的所有內(nèi)容都是節(jié)點：?

• 整個文檔是一個文檔節(jié)點

• 每個 HTML 元素是元素節(jié)點

• HTML 元素內(nèi)的文本是文本節(jié)點

• 每個 HTML 屬性是屬性節(jié)點

• 注釋是注釋節(jié)點

提示：我們的HTML DOM?教程將幫助您逐步學(xué)習(xí)HTML DOM，如果你有任何疑問，請前往PHP中文網(wǎng)HTML DOM社區(qū)提出你的問題，會有熱心網(wǎng)友為你解答。

HTML DOM 方法

方法是我們可以在節(jié)點（HTML 元素）上執(zhí)行的動作。?

• 編程接口

可通過 JavaScript （以及其他編程語言）對 HTML DOM 進(jìn)行訪問。

所有 HTML 元素被定義為對象，而編程接口則是對象方法和對象屬性。

方法是您能夠執(zhí)行的動作（比如添加或修改元素）。

屬性是您能夠獲取或設(shè)置的值（比如節(jié)點的名稱或內(nèi)容）。

• HTML DOM 對象 - 方法和屬性

一些常用的 HTML DOM 方法：

• getElementById(id) - 獲取帶有指定 id 的節(jié)點（元素）

• appendChild(node) - 插入新的子節(jié)點（元素）

• removeChild(node) - 刪除子節(jié)點（元素）

一些常用的 HTML DOM 屬性：

• innerHTML - 節(jié)點（元素）的文本值

• parentNode - 節(jié)點（元素）的父節(jié)點

• childNodes - 節(jié)點（元素）的子節(jié)點

• attributes - 節(jié)點（元素）的屬性節(jié)點

本HTML DOM教程手冊涵蓋的內(nèi)容

本HTML DOM教程手冊涵蓋所有HTML DOM基礎(chǔ)知識，包含DOM節(jié)點、DOM方法、DOM屬性、DOM訪問、DOM元素、DOM事件等等知識。

提示：本教程的每一章都包含了很多HTML DOM實例，您可以直接點擊?"運行實例"?按鈕在線查看結(jié)果。這些例子將幫助您更好地理解學(xué)習(xí)HTML DOM。

其它HTML DOM相關(guān)學(xué)習(xí)參考資源

除了本頁面右側(cè)的知識拓展，還為大家精選了以下資源

• PHP中文網(wǎng)獨孤九賤系列HTML5視頻教程

• HTML每日編程小知識

• 前端學(xué)習(xí)路線：如何成為一名優(yōu)秀的前端開發(fā)人員！