本篇文章給大家帶來的內容是關于了解NodeList、HTMLCollection以及NamedNodeMap的使用(代碼)，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

這三個都是類數組對象。

HTMLCollection只包含元素節點，而NodeList包含任何節點類型。

HTMLCollection對象可以調用item()和namedItem()方法，NodeList對象只能調用item()方法。在獲取元素時，兩者都可以通過方括號的語法或item()方法。HTMLCollection對象允許通過namedItem()方法，傳入一個name或id獲取元素。

一些舊版本瀏覽器中的方法（如：getElementsByClassName()）返回的是 NodeList 對象，而不是 HTMLCollection 對象。所有瀏覽器的 childNodes 屬性返回的是 NodeList 對象。大部分瀏覽器的 querySelectorAll() 返回 NodeList 對象。getElementsByTagName()返回HTMLCollection對象。

NamedNodeMap對象是通過node.attributes屬性獲取，獲取到由該元素的所有屬性構成的偽數組對象。

例：

 body  a href= # id= a1 1 /a  a href= a.html name= a2 2 /a  /body  script  // 獲取一個HTMLCollection對象 var res = document.getElementsByTagName( a  console.log(res); console.log(res.item(0)) console.log(res[0]) console.log(res.namedItem( a1 )) console.log(res.namedItem( a2 )) // 結果如下圖所示： /script 

以上就是對了解NodeList、HTMLCollection以及NamedNodeMap的使用(代碼)的全部介紹，如果您想了解更多有關HTML視頻教程，請關注PHP 。

以上就是了解NodeList、HTMLCollection以及NamedNodeMap的使用(代碼)的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。