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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： cms系统与dreamweaver建站
- 下一篇： XenDesktop7-基于SCVMM2