JavaScript HTML DOM
使用 HTML DOM，JavaScript 可以訪問和修改 HTML 文件的所有元素。
HTML DOM (文件物件模型)
當網頁載入時，瀏覽器會建立一個頁面的 Document Object Model（文件物件模型）。
HTML DOM 模型被構建為一個 物件 樹
HTML DOM 物件樹
藉助物件模型，JavaScript 獲得了建立動態 HTML 所需的全部功能
- JavaScript 可以修改頁面中的所有 HTML 元素
- JavaScript 可以修改頁面中的所有 HTML 屬性
- JavaScript 可以修改頁面中的所有 CSS 樣式
- JavaScript 可以刪除現有的 HTML 元素和屬性
- JavaScript 可以新增新的 HTML 元素和屬性
- JavaScript 可以響應頁面中所有現有的 HTML 事件
- JavaScript 可以建立頁面中的新的 HTML 事件
你將學到什麼
在本教程的後續章節中，您將學習
- 如何修改 HTML 元素的內容
- 如何修改 HTML 元素的樣式（CSS）
- 如何響應 HTML DOM 事件
- 如何新增和刪除 HTML 元素
什麼是 DOM？
DOM 是 W3C（全球資訊網聯盟）的一項標準。
DOM 定義了訪問文件的標準
"W3C 文件物件模型 (DOM) 是一個平臺和語言無關的介面，它允許程式和指令碼動態地訪問和更新文件的內容、結構和樣式。"
W3C DOM 標準分為 3 個不同的部分
- Core DOM - 所有文件型別的標準模型
- XML DOM - XML 文件的標準模型
- HTML DOM - HTML 文件的標準模型
什麼是 HTML DOM？
HTML DOM 是 HTML 的標準 物件 模型和 程式設計介面。它定義了
- HTML 元素為 物件
- 所有 HTML 元素的 屬性
- 訪問所有 HTML 元素的 方法
- 所有 HTML 元素的 事件
換句話說：HTML DOM 是用於獲取、修改、新增或刪除 HTML 元素的一項標準。
