nodelist是什么意思

nodelist是节点列表的意思,是JavaScript中的一个对象,是一种类数组对象,用于保存一组有序的节点;nodelist对象类似HTMLCollection对象,并且该对象中的元素可以通过索引来访问。

nodelist是什么意思

本文操作环境: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部分代码//

登录后复制onetwothree//JAVASCRIPT代码var myNodeList = document.querySelector(‘ul’).childNodes;for(var i=0;ionetwothree*/console.log(myNodeList.length);// 3console.log(myNodeList.item(1));//two

在上面代码中,通过for循环遍历了myNodeList的数字索引部分,返回了3个索引对应的成员,并且正确返回了length属性为3。

通过item()方法访问了myNodeList实例对象的第二个成员。由于数字索引从零开始计数,所以取出第二个成员,要使用数字索引1。

所有类似数组的对象,都可以使用方括号运算符取出成员,所以一般情况下,都是使用NodeList[index]方法,而不使用item方法。 

推荐学习:《nodejs视频教程》

以上就是nodelist是什么意思的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2928129.html

(0)
上一篇 2025年3月11日 19:32:43
下一篇 2025年3月8日 19:22:10

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • node中是否包含dom和bom

    node中没有包含dom和bom;bom是指浏览器对象模型,bom是指文档对象模型,而node中采用ecmascript进行编码,并且没有浏览器也没有文档,是JavaScript运行在后端的环境平台,因此node中没有包含dom和bom。 …

    2025年3月11日
    200
  • node-sass是做什么的

    “node-sass”是用于将“node.js”绑定到LibSass中的一个库;LibSass是流行样式表预处理器sass的C版本,“node-sass”允许用户将“.scss”文件本地编译为css,并且可以通过连接中间件自动编译。 本文操…

    2025年3月11日
    200
  • node.dll文件缺失怎么办

    解决方法:1、下载指定“node.dll”文件到本地,并且将下载的文件复制到“C:WindowsSystem32”目录或者“C:WindowsSysWOW64”目录中;2、按“Win+R”打开运行,并且输入“regsvr32 node.dl…

    2025年3月11日 编程技术
    200
  • node能降级吗

    node版本不能直接降级,但是可以将高版本卸载掉,利用nvm版本控制器重新安装较低版本的node进行降级。降级方法:1、利用“npm instlal -g n”全局安装n模块;2、利用“n rm 版本”卸载指定版本;3、安装nvm后利用“n…

    2025年3月11日
    200
  • socketio必须用在node中吗

    socketio必须用在node中;socketio是nodejs的一个库,利用nodejs的函数封装了一些功能,并且依赖于nodejs的一些api,所以只能在nodejs中使用,socketio也是在客户端和服务端之间建立的双向通信数据交…

    2025年3月11日
    200
  • node代码都是开源的吗

    node代码是开源的;“Node.js”是一个跨平台的开源运行环境,是基于“Chrome V8”引擎的JavaScript运行环境,用于在浏览器外部执行JavaScript代码,node也是基于“Chrome JavaScript”运行时构…

    2025年3月11日
    200
  • node.js是软件吗

    “node.js”不是软件,是一个JavaScript运行环境;“node.js”是一个基于“Chrome V8”引擎的JavaScript运行环境,是使用一个事件驱动、非阻塞式“I/O”模型,让JavaScript运行在服务器端的开发平台…

    2025年3月11日
    200
  • node的express有什么用

    node的express可以方便、快速的创建Web网站的服务器或API接口的服务器;express还可以为不同URL路径中使用不同HTTP动词的请求编写处理程序,集成了“视图”渲染引擎,以便通过将数据插入模板来生成响应等等。 本文操作环境:…

    2025年3月11日
    200
  • vue底层是用node写的吗

    vue底层不是用node写的,而是基于JavaScript语言开发的;vue是一套用于构建用户界面的渐进式JavaScript框架,能够更好的组织与简化Web开发,而node是一个基于“Chrome V8”引擎的JavaScript运行环境…

    2025年3月11日
    200
  • node.js环境变量什么意思

    “node.js”环境变量指的是“node.js”运行环境中具有特定名字的对象,也即运行环境的参数;环境变量相当于给系统或用户应用程序设置的一些参数,在安装完node之后,可以在系统环境变量path里添加“G:Node.js”。 本文操作环…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论