JavaScript中HTMLCollection和NodeList的区别

HTMLCollection是HTML元素的集合

NodeList是一个文档节点集合

什么意思呢?听起来是不是很空洞?下面可以通过一个小实例给大家讲解一下:

 

我们创建一个parent的父容器,在parent下创建两个子元素

然后我们在js中拿到这个parent的容器,然后通过parent.childNodes返回该节点的所有子节点

那么其实可以看到他的子节点是一个NodeList(文档节点集合),它包括了parent下的所有子节点(包括节点元素和文本元素)

那么我们再用parent.children语句返回一下

 

可以看到这个时候返回了一个HTMLCollections(HTML元素集合) ,那么他其实只返回了这个父节点下面的HTML节点元素的集合,并没有返回文本元素

猜你喜欢

转载自blog.csdn.net/weixin_55010007/article/details/124783840
今日推荐