DOM HTMLCollection 和 NodeList

HTMLCollection 和 NodeList

节点都是单个对象，有时会需要一种数据结构，能够容纳多个节点。DOM提供两种集合对象，用于实现这种节点的集合：NodeList和HTMLCollection。

NodeList 对象：代表一个有顺序的节点列表；
HTMLCollection对象 ：是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性

相同点： 都是类数组对象，节点的变化都会实时反映在集合中

不同点： 少部分方法不一样，比如 NodeList 有 forEach 方法，而 HTMLCollection 没有

//返回的是HTMLCollection对象

document.images //所有img元素
document.links //所有带href属性的a元素和area元素
document.forms //所有form元素
document.scripts //所有script元素
document.body.children
document.getElementsByClassName("class1")

//返回的是NodeList 对象

document.getElementsByName("name1")
document.getElementsByTagName("a")
document.querySelectorAll("a")
document.body.childNodes