js如何刪除某個dom下面的所有元素 dom操作?
dom操作?文檔對象模型(DOM)主要用于操縱HTML和XML文檔的內(nèi)容。DOM描繪了一個層次化的節(jié)點樹,通過對節(jié)點的操作,可以實現(xiàn)對文檔內(nèi)容的添加、刪除、修改和搜索等功能。一. DOM樹DOM樹有兩
dom操作?
文檔對象模型(DOM)主要用于操縱HTML和XML文檔的內(nèi)容。DOM描繪了一個層次化的節(jié)點樹,通過對節(jié)點的操作,可以實現(xiàn)對文檔內(nèi)容的添加、刪除、修改和搜索等功能。
一. DOM樹
DOM樹有兩種,即節(jié)點樹和元素樹。
節(jié)點樹:將文檔中的所有內(nèi)容視為樹中的節(jié)點;
元素樹:僅將文檔中的所有標簽視為樹中的節(jié)點。
二、DOM常見操作
2.1找到節(jié)點
(#39id屬性值#39)
返回對具有指定id的第一個對象的引用。
(#39類屬性值# 39)
返回具有指定類的對象的集合。
(#39標簽名稱#39)
返回具有指定標記名的對象的集合。
(#39名稱屬性值# 39)
返回具有指定名稱的對象組合。
文檔/元素.查詢選擇器(#39 CSS選擇器#39)
只返回第一個匹配的元素。
document/element . query Selector all(#39 CSS選擇器# 39)
返回所有匹配的元素。
獲取頁面中的HTML標簽
獲取頁面中的BODY標簽。
[#39#39]
獲取頁面中所有元素節(jié)點的對象集。
2.2創(chuàng)建一個新節(jié)點
(#39元素名稱#39)
創(chuàng)建一個新元素節(jié)點
(#39屬性名#39)
創(chuàng)建新的屬性節(jié)點
(#39文本內(nèi)容#39)
創(chuàng)建新的文本節(jié)點
(#3論節(jié)點#39)
創(chuàng)建新的注釋節(jié)點
( )
創(chuàng)建文檔片段節(jié)點
2.3添加新節(jié)點
(元素/文本/注釋/片段)
在父節(jié)點的最后一個子節(jié)點后追加一個新節(jié)點。
(newChild,existingChild)
在父節(jié)點的特定子節(jié)點之前插入一個新節(jié)點。
(屬性名)
向元素添加屬性節(jié)點
(屬性名,屬性值)
將指定的屬性添加到元素中,并設(shè)置屬性值。
dom用html寫比較好還是用js比較好?
Html和js don 實際上并不。首先,我們得說說dom是什么。
DOM是文檔對象模型,是W3C制定的標準接口規(guī)范,也是處理HTML和XML文件的標準API。
也就是說,dom只是一系列文檔標簽,類似于xml,用來分析文檔的層次結(jié)構(gòu)和風格。在這方面,直接用html寫肯定是最好的。當然也可能有動態(tài)創(chuàng)建的dom元素,因為總要有交互,不只是靜態(tài)頁面,還有動態(tài)部分。用js寫就行了。
因此,問題并不。靜態(tài)dom元素用html編寫,用js動態(tài)創(chuàng)建或調(diào)整。沒有更好的辦法說可以根據(jù)需求選擇。