这两种集合都属于接口规范,返回的结果是NodeList
实例或HTMLCollection
实例
NodeList
可以包含各种类型的节点HTMLCollection
只能包含 HTML 元素节点
1.NodeList 接口
1.1 概述
NodeList
实例是一个类似数组的对象,它的成员是节点对象
document.body.childNodes instanceof NodeList // true
NodeList
也可以使用lenght
属性和forEach
方法,但是不能使用pop
,push
之类的数组方法
var children = document.body.childNodes;
Array.isArray(children) // false
如果要使用数组方法,可以将其转换为数组
var children = document.body.childNodes;
var nodeArr = Array.prototype.slice.call(children);
NodeList 实例,还可以使用for
循环