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