JavaScript DOM（Document Object Model）

DOM 全名為 Document Object Model，中文為 文件物件模型，它提供了一個文件（樹）的結構化表示法，並定義讓程式可以存取並改變文件架構、風格和內容的方法。

節點（Node）

前面有提到 DOM 的樹狀結構，而且結構中最重要的就是每個節點。任何東西在 HTML 文件中都是一種 DOM 節點，例如：文件、元素、屬性、文字、註解皆是節點。

文件（Document）

Document 就是指這份文件，也就是這份 HTML 檔的開端，所有的一切都會從 Document 開始往下進行。

元素（Element）

Element 就是指文件內的各個標籤，因此像是 <h1>、<p> 等等各種 HTML Tag 都是被歸類在 Element 裡面。

屬性（Attribute）

Attribute 就是指各個標籤內的相關屬性。

文字（Text）

Text 就是指被各個標籤包起來的文字，舉例來說在 <p> Hello World </p> 中， Hello World 被 <p> 這個 Element 包起來，因此 Hello World 就是此 Element 的 Text。

註解（Comments）

Comment 就是註解 <!--、-->，任何被註解的程式碼是不會執行。

由 ‍Birger Eriksson - 自己的作品, CC BY-SA 3.0, 連結

DOM 方法

此外，DOM 也提供了 API 讓我們來使用，Away 喜歡稱 DOM 的原生方法。其方法內容包含了 DOM 的選取、編輯、監聽。我們將會在後續的內容一一介紹給各位。

小提醒

Application Programming Interface 縮寫為 API，一般稱為 應用程式介面，API 就像一個介面，可以幫助開發者節省精力，扮演應用程式和應用程式之間的橋樑。