HTMLCollection是HTML元素的集合
NodeList是一个文档节点集合
什么意思呢?听起来是不是很空洞?下面可以通过一个小实例给大家讲解一下:
我们创建一个parent的父容器,在parent下创建两个子元素
然后我们在js中拿到这个parent的容器,然后通过parent.childNodes返回该节点的所有子节点
那么其实可以看到他的子节点是一个NodeList(文档节点集合),它包括了parent下的所有子节点(包括节点元素和文本元素)
那么我们再用parent.children语句返回一下
可以看到这个时候返回了一个HTMLCollections(HTML元素集合) ,那么他其实只返回了这个父节点下面的HTML节点元素的集合,并没有返回文本元素