DOM(Document Object Model,文檔對象模型)是一種基于對象的文檔結構表示方式,它定義了瀏覽器如何將 HTML 或 XML 文檔轉換為一個樹形結構,以便于程序對其進行訪問和操作。在 DOM 樹中,文檔的每個元素、屬性、文本都被表示為一個節點對象,開發者可以通過 JavaScript 等編程語言來操作這些節點對象,實現動態地更新和改變網頁的內容、樣式和行為。
DOM 樹的根節點是 document 對象,它是整個文檔的入口點。通過 文檔DOM 標準規定了節點對象的接口和屬性,每種節點對象都有對應的接口和屬性。例如,元素節點對象具有 tagName、id、className、style 等屬性,以及 getAttribute()、setAttribute()、appendChild()、removeChild() 等方法。
由于 DOM 提供了對文檔的樹形結構的完整訪問能力,因此可以使用 DOM 對象來實現動態的網頁效果和交互,例如增加、刪除、移動頁面元素,改變樣式,響應用戶的事件等。通常,通過 JavaScript 等客戶端腳本語言來操作 DOM 樹,實現交互式網頁的效果。