NodeList对象

原创 2016年08月30日 19:26:44

什么是NodeList对象

NodeList对象是dom节点的集合。document.querySelectorAll(selector)Node.childNodes返回的都是NodeList对象,看着很像数组,却没有数组的方法。

属性

NodeList对象只有一个属性:length,它返回NodeList对象长度。

方法

NodeList对象只有一个方法:item ( index ),返回在index位置的dom节点对象。

遍历

使用数组的forEach方法对NodeList进行遍历,其它的数组方法同理使用

// 获取所有.list-item元素
var list = document.querySelectorAll('.list-item');
//为每个.list-item元素添加touchstart事件
[].forEach.call(list, function(element) {
    console.log(element)
});
版权声明:版权所有,欢迎转载,注明出处。

深入理解 NodeList

在web前端编程中,我们通常会通过document.getElementsByTagName的方法取出一组相同标签的dom元素,比如: var list = document.getElemen...
  • shueiyuan1983
  • shueiyuan1983
  • 2016年10月09日 13:07
  • 613

深入理解 NodeList

在web前端编程中,我们通常会通过document.getElementsByTagName的方法取出一组相同标签的dom元素,比如: var list = document.getElemen...
  • shueiyuan1983
  • shueiyuan1983
  • 2016年10月09日 13:07
  • 613

DOM中的动态NodeList与静态NodeList

getElementsByTagName() 速度比 querySelectorAll() 快的根本原因在于动态NodeList和静态NodeList对象的不同。 尽管我可以肯定地说有某种方法来优化这...
  • renfufei
  • renfufei
  • 2014年11月13日 21:26
  • 3838

java解析String字符串xml 多级节点NodeList

第一个连接器           第二个连接器               开启服务               初始化一下               执行请求服务               销毁...
  • yinxianluo
  • yinxianluo
  • 2013年11月13日 19:37
  • 3922

NodeList集合跟Array数组的区别

首先来看看什么是NodeList,NodeList跟arguments都不是普通的数组,他们有数组的一些基本属性但是又不完全是数组。下面是在Mozilla上面找到的定义: This is a comm...
  • u013853928
  • u013853928
  • 2016年10月19日 09:53
  • 1175

Dojo1.11官方教程文档翻译(3.7)扩展NodeList

对于`dojo/query`使用的`NodeList`集合Dojo有一系列的扩展。本教程中,我们来看看有什么可用的拓展功能和如何加以利用。...
  • taijiedi13
  • taijiedi13
  • 2016年11月30日 23:23
  • 248

(转)DOM中的动态NodeList与静态NodeList

原文地址:http://blog.csdn.net/renfufei/article/details/41088521昨天,我在雅虎的同事 Scott Schiller (斯科特·席勒, 同时也是So...
  • exialym
  • exialym
  • 2016年05月08日 16:07
  • 293

利用Node读取和修改数据

利用Node读取和修改数据
  • huiting_liu
  • huiting_liu
  • 2017年03月30日 18:17
  • 369

android源代码学习 init中的双向链表listnode

在init源代码中双向链表listnode被使用地很多。android源代码中定义了结构体listnode,奇怪的是,这个结构体只有用于链接节点的prev和next指针,却没有任何和”数据“有关的成员...
  • zhao_cancan
  • zhao_cancan
  • 2014年12月16日 10:41
  • 1141

从零开始学_JavaScript_系列(30)——NodeList

(48)NodeList的forEach ①首先,NodeList不是数组,因此,在某些版本浏览器里,是没有forEach方法的(具体而言,我在chrome50版本里遇见过这个问题);   NodeL...
  • qq20004604
  • qq20004604
  • 2016年10月13日 20:09
  • 367
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:NodeList对象
举报原因:
原因补充:

(最多只允许输入30个字)