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元素。
- 上一篇：企業官網設計的作用及意義是什么？
- 下一篇：為什么企業網站要做SEO網站優化？
我漢獅網絡提供網站建設、APP軟件開發、軟件開發、小程序開發、網站網絡營銷等一站式服務，歡迎企業咨詢
免費咨詢：18838171308
免費咨詢：18838171308
