溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹NodeList、HTMLCollection以及NamedNodeMap的使用示例，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
這三個(gè)都是類數(shù)組對(duì)象。
HTMLCollection只包含元素節(jié)點(diǎn)，而NodeList包含任何節(jié)點(diǎn)類型。
HTMLCollection對(duì)象可以調(diào)用item()和namedItem()方法，NodeList對(duì)象只能調(diào)用item()方法。在獲取元素時(shí)，兩者都可以通過(guò)方括號(hào)的語(yǔ)法或item()方法。HTMLCollection對(duì)象允許通過(guò)namedItem()方法，傳入一個(gè)name或id獲取元素。
一些舊版本瀏覽器中的方法（如：getElementsByClassName()）返回的是 NodeList 對(duì)象，而不是 HTMLCollection 對(duì)象。所有瀏覽器的 childNodes 屬性返回的是 NodeList 對(duì)象。大部分瀏覽器的 querySelectorAll() 返回 NodeList 對(duì)象。getElementsByTagName()返回HTMLCollection對(duì)象。
NamedNodeMap對(duì)象是通過(guò)node.attributes屬性獲取，獲取到由該元素的所有屬性構(gòu)成的偽數(shù)組對(duì)象。
例：
<body>
<p>
<a href="#" id="a1">1</a>
<a href="a.html" name="a2">2</a>
</p>
</body>
<script>
// 獲取一個(gè)HTMLCollection對(duì)象
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'))
// 結(jié)果如下圖所示：
</script>
以上是“NodeList、HTMLCollection以及NamedNodeMap的使用示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼