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)
});
版权声明:版权所有,欢迎转载,注明出处。

相关文章推荐

dojo命令和nodeList的详细介绍

  • 2011年05月12日 00:56
  • 51KB
  • 下载

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

NodeList subNodeList = rootNode.getChildNodes();    for (int i = 0; i      System.out.println("子节...

CMSware结点列表函数CMS_NODELIST详解

  • 2011年08月02日 17:28
  • 222KB
  • 下载

DOM解析之Document,Node,NodeList,NamedNodeMap

在DOM接口规范中,有四个基本的接口:Document,Node,NodeList以及NamedNodeMap。在这四个基本接口中,Document接口是对文档进行操作的入口,它是从Node接口继承过...
  • jacklce
  • jacklce
  • 2013年01月10日 10:07
  • 2080

DOM中NodeList&NamedNodeMap&HTMLCollection简介

NodeList每个节点都有一个childNodes属性, 其中保存这一个NodeList对象. NodeList是一种类数组对象, 用于保存一组有序的节点, 可以通过位置来访问这些节点. NodeL...
  • c_kite
  • c_kite
  • 2017年07月15日 15:51
  • 153

关于HTMLCollection和NodeList

在javascript中对DOM的操作是很频繁的是事情。 事实上,在用原生javascript选择器获取dom元素的时候。能直接返回 元素的也仅仅只有以下两条var dom1=document.g...

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

对于`dojo/query`使用的`NodeList`集合Dojo有一系列的扩展。本教程中,我们来看看有什么可用的拓展功能和如何加以利用。...

HTMLCollection与NodeList

以下方法获取的为HTMLCollection对象 document.images //所有img元素 document.links //所有带href属性的a元素和area元素 document...

JavaScript高级程序设计之DOM之DOM 操作技术之使用NodeList第10.2.4讲

理解NodeList 及其“近亲”NamedNodeMap 和HTMLCollection,是从整体上透彻理解DOM 的 关键所在。这三个集合都是“动态的”;换句话说,每当文档结构发生变化时,它们都...

NodeList,NamedNodeMap和HTMLCollection

DOM是JavaScript重要组成部分,在DOM中有三个特别的集合分别是NodeList(节点的集合),NamedNodeMap(元素属性的集合)和HTMLCollection(html元素的集合)...
  • hui1845
  • hui1845
  • 2017年03月10日 21:38
  • 105
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:NodeList对象
举报原因:
原因补充:

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