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

在 HTML DOM (文檔對象模型)中,每個部分都是節(jié)點:

文檔本身是文檔節(jié)點

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

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

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

注釋是注釋節(jié)點

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

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

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



<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é)點的區(qū)別:元素是一個小范圍的定義,必須是含有完整信息的節(jié)點才是一個元素。

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

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

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

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

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

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

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

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

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

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