DOM 對象指的是表示文檔對象模型(Document Object Model)中的節點的 JavaScript 對象。在 DOM 中,每個 HTML 元素、文本、屬性都是一個節點對象,它們以樹形結構組成了 DOM 樹,開發者可以通過 JavaScript 等編程語言來操作這些節點對象,實現對文檔內容的動態控制。
在 DOM 樹中,每個節點都是一個對象,它們擁有自己的屬性和方法。例如,HTML 元素節點對象具有 tagName、id、className、style 等屬性,以及 getAttribute()、setAttribute()、appendChild()、removeChild() 等方法。文本節點對象具有 nodeValue 屬性,表示節點的文本內容,以及 splitText()、replaceChild() 等方法。屬性節點對象則具有 name 和 value 屬性,表示屬性的名稱和值。
DOM 樹形結構表示了 HTML 或 XML 文檔的層次結構,由多個節點對象組成,每個節點對象都有對應的父節點和子節點。根節點是文檔節點,代表整個文檔,它的子節點是文檔類型節點(如果存在)和元素節點。元素節點可以有子元素節點、文本節點、注釋節點、屬性節點等。通過操作 DOM 樹,開發者可以實現對 HTML 或 XML 文檔的動態控制,例如修改元素的屬性、增加、刪除元素等操作,實現交互式的網頁效果和用戶體驗。