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

dom操作？

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

一. DOM樹

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

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

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

二、DOM常見操作

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

(#39id屬性值#39)

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

(#39類屬性值# 39)

返回具有指定類的對象的集合。

(#39標(biāo)簽名稱#39)

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

(#39名稱屬性值# 39)

返回具有指定名稱的對象組合。

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

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

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

返回所有匹配的元素。

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

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

[#39#39]

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

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

(#39元素名稱#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寫比較好還是用js比較好？

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

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

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

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