建網站 2021-05-15 2421 次瀏覽 dom操作node節點
node即：節點，element即：元素。簡單的說就是Node是一個基類，DOM中的Element，Text和Comment都繼承于它。 換句話說，Element，Text和Comment是三種特殊的Node，它們分別叫做ELEMENT_NODE, TEXT_NODE和COMMENT_NODE。所以我們平時使用的html上的元素，即Element，是類型為ELEMENT_NODE的Node。
<body> we can put text here 1... text_node <h1>China</h1> element_node we can put text here 2... text_node <!-- My comment ... --> comment_node we can put text here 3... text_node <p>China is a popular country with...</p> element_node we can put text here 4... text_node <div> <button>See details</button> element_node </div> we can put text here 5 ... text_node </body>
NodeList vs HTMLCollection:
我們用childNodes找到了NodeList，但我們操作DOM時往往不想操作Node(我只想操作元素Element)，那么如何獲取ElementList呢？
其實我們經常使用的getElementsByXXX返回的就是一個ElementList，只不過它的真實名字是ElementCollection。就像NodeList是Node的集合一樣，ElementCollection也是Element的集合。但需要特別注意的是：NodeList和ElementCollcetion都不是真正的數組，如果document.getElementsByTagName('a') instanceof Array，那么必然是false。
DOM(Document Object Model)簡稱文檔對象模型，它是html和xml是文檔編程的接口，它將文檔解析為樹結構，這個樹的根部就是document,而document的第一個子節點(childeNodes[0])就是html，這才有了后面的一系列html元素。
本文地址：網頁中node和element是什么關系，如何看待dom操作？ http://www.0511zpr.com/technical/230.html
上一篇： PbootCMS接口API調用的VUE(axios)和Js(ajax)實現方法
下一篇： 在建網站時都會用到哪些HTML標題標簽？
