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