NodeList 对象是一个从文档中获取的节点列表 (集合) 。
所有浏览器的 childNodes 属性返回的是 NodeList 对象。
大部分浏览器的 querySelectorAll() 返回 NodeList 对象。
HTMLCollection 与 NodeList 的区别:
HTMLCollection是 HTML 元素的集合.
NodeList 是一个文档节点的集合。
NodeList 与 HTMLCollection 都与数组对象有点类似,可以使用索引 (0, 1, 2, 3, 4, ...) 来获取元素。
NodeList 与 HTMLCollection 都有 length 属性。
HTMLCollection 元素可以通过 name,id 或索引来获取。
NodeList 只能通过索引来获取。
只有 NodeList 对象有包含属性节点和文本节点。
querySelectorAll()
和getElementsByTagName()
两者的主要区别就是返回值。前者返回的是NodeList
集合,后者返回的是HTMLCollection
集合。其前者是一个静态集合,后者是一个动态集合。
其中动态集合和静态集合的最大区别在于:动态集合指的就是元素集合会随着DOM树元素的增加而增加,减少而减少;静态集合则不会受DOM树元素变化的影响。
标签:元素,NodeList,HTMLCollection,DOM,JavaScript,HTML,集合,节点 From: https://www.cnblogs.com/MDRY/p/16723616.html