js中,dom元素和節(jié)點(diǎn)的區(qū)別

在 HTML DOM (文檔對(duì)象模型)中,每個(gè)部分都是節(jié)點(diǎn):

文檔本身是文檔節(jié)點(diǎn)

所有 HTML 元素是元素節(jié)點(diǎn)

所有 HTML 屬性是屬性節(jié)點(diǎn)

HTML 元素內(nèi)的文本是文本節(jié)點(diǎn) (包括回車符也是屬于文本節(jié)點(diǎn))

注釋是注釋節(jié)點(diǎn)

Element 對(duì)象可以擁有類型為元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)的子節(jié)點(diǎn)。

NodeList 對(duì)象表示節(jié)點(diǎn)列表,比如 HTML 元素的子節(jié)點(diǎn)集合。

元素也可以擁有屬性。屬性是屬性節(jié)點(diǎn)。



<bookstore>

? ? ? ? ? <book category="children">

? ? ? ? ? ? ? ? ? ? <title lang="en">Harry Potter</title>

? ? ? ? ? ? ? ? ? ? <author>J K. Rowling</author>

? ? ? ? ? ? ? ? ? ? <year>2005</year>

? ? ? ? ? ? ? ? ? ? <price>29.99</price>

? ? ? ? ? </book>

? ? ? ? ? <book category="cooking">

? ? ? ? ? ? ? ? ? ? <title lang="en">Everyday Italian</title>

? ? ? ? ? ? ? ? ? ? <author>Giada De Laurentiis</author>

? ? ? ? ? ? ? ? ? ? <year>2005</year>

? ? ? ? ? ? ? ? ? ? <price>30.00</price>

? ? ? ? ? ? </book>

</bookstore>



元素和節(jié)點(diǎn)的區(qū)別:元素是一個(gè)小范圍的定義,必須是含有完整信息的節(jié)點(diǎn)才是一個(gè)元素。

比如:<author>......./<author>是一個(gè)元素。而<author>是一個(gè)子節(jié)點(diǎn)或者是元素節(jié)點(diǎn),Vaidyanathan Nagarajan是一個(gè)文本節(jié)點(diǎn)。

換句話說就是 元素一定是節(jié)點(diǎn),但節(jié)點(diǎn)不一定是元素。

node(節(jié)點(diǎn))是相對(duì)Tree這種數(shù)據(jù)結(jié)構(gòu)而言的。Tree就是由Node組成。

element則是xml里面的概念,<xxx>就是元素,是xml中數(shù)據(jù)的組成部分之一。

DOM將文檔中的所有都看作節(jié)點(diǎn)node>element

一個(gè)元素是由開始標(biāo)簽、結(jié)束標(biāo)簽以及標(biāo)簽之間的數(shù)據(jù)構(gòu)成的

總結(jié):元素是元素節(jié)點(diǎn),是節(jié)點(diǎn)中的一種,但元素節(jié)點(diǎn)中可以包含很多的節(jié)點(diǎn)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容