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