當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

NodeList 和 HTMLCollection

發布時間：2025/7/14 HTML 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 NodeList 和 HTMLCollection 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

為什么80%的碼農都做不了架構師？>>> ??

NodeList

類數組對象

代表節點的集合

部分瀏覽器為NodeList加入了namedItem接口。

規范:?http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-536297177

HTMLCollection

類數組對象

代表HTML元素的集合

可以使用namedItem接口，以id(優先)或name獲取集合中的元素。

規范:?http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506

NodeList的[]操作符

同item接口，可以通過索引值獲取元素。例如, nodelist[0]。

同namedItem接口，可以通過id或name獲取集合中的元素。例如，nodelist['name']。

實時對象

實時對象的意思是，文檔內容的變化會立即體現在對象上。

document.getElementsByName, document.getElementsByClassName,?document.getElementsByTagName, ?document.getElementsByTagNameNS 返回的是實時對象

document.links, document.forms, document.images, document.scripts,?document.styleSheets?返回的是實時對象

document.querySelectorAll 返回的不是實時對象

轉化為數組

var?collections?=?document.getElementsByTagName("div"); var?newArr?=?Array.prototype.slice.call(collections);

轉載于:https://my.oschina.net/nswish/blog/379510

以上是生活随笔為你收集整理的NodeList 和 HTMLCollection的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。