HTML DOM（文檔對(duì)象模型）

當(dāng)網(wǎng)頁(yè)被加載時(shí)，瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型（Document Object Model）。

HTML DOM 模型被結(jié)構(gòu)化為對(duì)象樹：

對(duì)象的 HTML DOM 樹

通過(guò)這個(gè)對(duì)象模型，JavaScript 獲得創(chuàng)建動(dòng)態(tài) HTML 的所有力量：

• JavaScript 能改變頁(yè)面中的所有 HTML 元素
• JavaScript 能改變頁(yè)面中的所有 HTML 屬性
• JavaScript 能改變頁(yè)面中的所有 CSS 樣式
• JavaScript 能刪除已有的 HTML 元素和屬性
• JavaScript 能添加新的 HTML 元素和屬性
• JavaScript 能對(duì)頁(yè)面中所有已有的 HTML 事件作出反應(yīng)
• JavaScript 能在頁(yè)面中創(chuàng)建新的 HTML 事件

什么是 DOM？

DOM 是一項(xiàng) W3C (World Wide Web Consortium) 標(biāo)準(zhǔn)。

DOM 定義了訪問(wèn)文檔的標(biāo)準(zhǔn)：

“W3C 文檔對(duì)象模型（DOM）是中立于平臺(tái)和語(yǔ)言的接口，它允許程序和腳本動(dòng)態(tài)地訪問(wèn)、更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。”

W3C DOM 標(biāo)準(zhǔn)被分為 3 個(gè)不同的部分：

• Core DOM - 所有文檔類型的標(biāo)準(zhǔn)模型
• XML DOM - XML 文檔的標(biāo)準(zhǔn)模型
• HTML DOM - HTML 文檔的標(biāo)準(zhǔn)模型

什么是 HTML DOM？

HTML DOM 是 HTML 的標(biāo)準(zhǔn)對(duì)象模型和編程接口。它定義了：

• 作為對(duì)象的 HTML 元素
• 所有 HTML 元素的屬性
• 訪問(wèn)所有 HTML 元素的方法
• 所有 HTML 元素的事件