使用HTML DOM，JavaScript可以訪問和更改HTML文件的所有元素。

HTML DOM（文件物件模型）

載入網頁後，瀏覽器將建立該頁面的文件物件模型。
DOM（document Object Model）
HTML DOM模型被構造為物件樹

有了物件模型，JavaScript獲得了建立動態HTML所需的全部功能

• JavaScript可以更改頁面中的所有HTML元素
• JavaScript可以更改頁面中的所有HTML屬性
• JavaScript可以更改頁面中的所有CSS樣式
• JavaScript可以刪除現有的HTML元素和屬性
• JavaScript可以新增新的HTML元素和屬性
• JavaScript可以對頁面中所有現有的HTML事件做出反應
• JavaScript可以在頁面中建立新的HTML事件

什麼是DOM？

DOM定義了用於訪問文件的標準： “ W3C文件物件模型（DOM）是一種平臺和語言無關的介面，它允許程式和指令碼動態訪問和更新文件的內容，結構和樣式。”

什麼是HTML DOM？

HTML DOM是HTML的標準物件模型和程式設計介面。 它定義：

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

換句話說：HTML DOM是如何獲取，更改，新增或刪除HTML元素的標準。