dom操作？文檔對(duì)象模型(DOM)主要用于操縱HTML和XML文檔的內(nèi)容。DOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)，通過(guò)對(duì)節(jié)點(diǎn)的操作，可以實(shí)現(xiàn)對(duì)文檔內(nèi)容的添加、刪除、修改和搜索等功能。一. DOM樹(shù)DOM樹(shù)有兩

dom操作？

文檔對(duì)象模型(DOM)主要用于操縱HTML和XML文檔的內(nèi)容。DOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù)，通過(guò)對(duì)節(jié)點(diǎn)的操作，可以實(shí)現(xiàn)對(duì)文檔內(nèi)容的添加、刪除、修改和搜索等功能。

一. DOM樹(shù)

DOM樹(shù)有兩種，即節(jié)點(diǎn)樹(shù)和元素樹(shù)。

節(jié)點(diǎn)樹(shù):將文檔中的所有內(nèi)容視為樹(shù)中的節(jié)點(diǎn)；

元素樹(shù):僅將文檔中的所有標(biāo)簽視為樹(shù)中的節(jié)點(diǎn)。

二、DOM常見(jiàn)操作

2.1找到節(jié)點(diǎn)

(#39id屬性值#39)

返回對(duì)具有指定id的第一個(gè)對(duì)象的引用。

(#39類(lèi)屬性值# 39)

返回具有指定類(lèi)的對(duì)象的集合。

(#39標(biāo)簽名稱(chēng)#39)

返回具有指定標(biāo)記名的對(duì)象的集合。

(#39名稱(chēng)屬性值# 39)

返回具有指定名稱(chēng)的對(duì)象組合。

文檔/元素.查詢(xún)選擇器(#39 CSS選擇器#39)

只返回第一個(gè)匹配的元素。

document/element . query Selector all(#39 CSS選擇器# 39)

返回所有匹配的元素。

獲取頁(yè)面中的HTML標(biāo)簽

獲取頁(yè)面中的BODY標(biāo)簽。

[#39#39]

獲取頁(yè)面中所有元素節(jié)點(diǎn)的對(duì)象集。

2.2創(chuàng)建一個(gè)新節(jié)點(diǎn)

(#39元素名稱(chēng)#39)

創(chuàng)建一個(gè)新元素節(jié)點(diǎn)

(#39屬性名#39)

創(chuàng)建新的屬性節(jié)點(diǎn)

(#39文本內(nèi)容#39)

創(chuàng)建新的文本節(jié)點(diǎn)

(#3論節(jié)點(diǎn)#39)

創(chuàng)建新的注釋節(jié)點(diǎn)

( )

創(chuàng)建文檔片段節(jié)點(diǎn)

2.3添加新節(jié)點(diǎn)

(元素/文本/注釋/片段)

在父節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)后追加一個(gè)新節(jié)點(diǎn)。

(newChild，existingChild)

在父節(jié)點(diǎn)的特定子節(jié)點(diǎn)之前插入一個(gè)新節(jié)點(diǎn)。

(屬性名)

向元素添加屬性節(jié)點(diǎn)

(屬性名，屬性值)

將指定的屬性添加到元素中，并設(shè)置屬性值。

dom用html寫(xiě)比較好還是用js比較好？

Html和js don 實(shí)際上并不。首先，我們得說(shuō)說(shuō)dom是什么。

DOM是文檔對(duì)象模型，是W3C制定的標(biāo)準(zhǔn)接口規(guī)范，也是處理HTML和XML文件的標(biāo)準(zhǔn)API。

也就是說(shuō)，dom只是一系列文檔標(biāo)簽，類(lèi)似于xml，用來(lái)分析文檔的層次結(jié)構(gòu)和風(fēng)格。在這方面，直接用html寫(xiě)肯定是最好的。當(dāng)然也可能有動(dòng)態(tài)創(chuàng)建的dom元素，因?yàn)榭傄薪换ィ恢皇庆o態(tài)頁(yè)面，還有動(dòng)態(tài)部分。用js寫(xiě)就行了。

因此，問(wèn)題并不。靜態(tài)dom元素用html編寫(xiě)，用js動(dòng)態(tài)創(chuàng)建或調(diào)整。沒(méi)有更好的辦法說(shuō)可以根據(jù)需求選擇。