【DOM】DOM 中 HTMLCollection与NodeList的区别

HTMLCollection与NodeList

获取子节点或者子元素时出现HTMLCollection与NodeList；
NodeList 对象代表一个有顺序的节点列表（包括元素节点，文本节点，注释节点），
HTMLCollection 是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性；

相似性

• 都是类数组对象，都有length属性，可以通过for循环迭代

• 都是只读的

• 都是实时的，即文档的更改会立即反映到相关对象上面(有一个例外，document.querySelectorAll返回的NodeList不是实时的)

• 都有item()方法，可以通过item(index)或item("id")获取元素

不同点在于

• HTMLCollection对象具有namedItem()方法，可以传递id或name获得元素

• HTMLCollection的item()方法和通过属性获取元素(document.forms.f1)可以支持id和name，而NodeList对象只支持id