nodelist是节点列表的意思,是javascript中的一个对象,是一种类数组对象,用于保存一组有序的节点;nodelist对象类似htmlcollection对象,并且该对象中的元素可以通过索引来访问。
本文操作环境:windows10系统、nodejs 12.19.0版、dell g3电脑。
nodelist是什么意思nodelist是javascript中的一个对象,是一种类数组对象,用于保存一组有序的节点
nodelist 对象
nodelist 对象是一个从文档中获取的节点列表 (集合) 。
nodelist 对象类似 htmlcollection 对象。
一些旧版本浏览器中的方法(如:getelementsbyclassname())返回的是 nodelist 对象,而不是 htmlcollection 对象。
所有浏览器的 childnodes 属性返回的是 nodelist 对象。
大部分浏览器的 queryselectorall() 返回 nodelist 对象。
nodelist 中的元素可以通过索引(以 0 为起始位置)来访问。
节点列表可保持其自身的更新。如果节点列表或 xml 文档中的某个元素被删除或添加,列表也会被自动更新。
注意:在一个节点列表中,节点被返回的顺序与它们在 xml 文档中被规定的顺序相同。
nodelist 对象属性
length 返回节点列表中的节点数量。
nodelist 对象方法
item()返回节点列表中指定索引号的节点。
示例如下:
实例1:
var parent = document.getelementbyid('parent');parent.childnodes.length // 2parent.appendchild(document.createelement('div'));parent.childnodes.length // 3
nodelist实例对象可能是动态集合,也可能是静态集合。所谓动态集合就是一个活的集合,dom树删除或新增一个相关节点,都会立刻反映在nodelist接口之中。
上面代码中,parent.childnodes返回的是一个nodelist实例对象。当parent节点新增一个子节点以后,该对象的成员个数就增加了1。node.childnodes返回的是一个动态集合。
document.queryselectorall方法返回的是一个静态集合。dom内部的变化,并不会实时反映在该方法的返回结果之中。
nodelist接口实例对象提供length属性和数字索引,因此可以像数组那样,使用数字索引取出每个节点,但是它本身并不是数组,不能使用pop或push之类数组特有的方法。 [
实例2:
//html部分代码//<ul><li>one</li><li>two</li><li>three</li></ul>//javascript代码var mynodelist = document.queryselector('ul').childnodes;for(var i=0;i<mynodelist.length;i++){ console.log(mynodelist[i]);}/* <li>one</li><li>two</li><li>three</li>*/console.log(mynodelist.length);// 3console.log(mynodelist.item(1));//<li>two</li>
在上面代码中,通过for循环遍历了mynodelist的数字索引部分,返回了3个索引对应的成员,并且正确返回了length属性为3。
通过item()方法访问了mynodelist实例对象的第二个成员。由于数字索引从零开始计数,所以取出第二个成员,要使用数字索引1。
所有类似数组的对象,都可以使用方括号运算符取出成员,所以一般情况下,都是使用nodelist[index]方法,而不使用item方法。
推荐学习:《nodejs视频教程》
以上就是nodelist是什么意思的详细内容。