[Back To Basic] Javascript - HTML DOM(Document Object Model)

什麼是DOM

DOM是一個W3C(World Wide Web Consortium)的標準。

DOM定義了訪問文件(documents)的標準：

W3C DOM 是一個平台和中立語言介面，允許程式和腳本動態訪問、更新文件的內容、架構及樣式。

原文：

"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

W3C DOM 標準被拆分為3個部分

• Core DOM
• XML DOM
• HTML DOM

什麼是 HTML DOM

當頁面被載入時，瀏覽器會建立頁面的DOM(Document Object Model)。

HTML DOM 被建構成一個樹狀物件(Objects)。

因此，有了物件模型(object model)，javascript 有能力創造動態的HTML

• javascript 可以增刪修所有HTML元素(elements)
• javascript 可以增刪修所有HTML屬性(attributes)
• javascript 可以增刪修所有HTML CSS外觀(styles)
• javascript 可以增刪修所有HTML 事件(events)