HTML DOM（文檔對象模型）

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

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

對象的 HTML DOM 樹

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

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

什么是 DOM？

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

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

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

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

• 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)對象模型和編程接口。它定義了：

• 作為對象的 HTML 元素
• 所有 HTML 元素的屬性
• 訪問所有 HTML 元素的方法
• 所有 HTML 元素的事件