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

相关文章推荐

getElementsByName返回值为Object

今天我做一个js对checkbox选中进行取值时,发现一个有意思的问题,关于getElementsByName返回值的问题。 当时第一个反应就是,getElementsByName返回肯定属于Ar...

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

(48)NodeList的forEach ①首先,NodeList不是数组,因此,在某些版本浏览器里,是没有forEach方法的(具体而言,我在chrome50版本里遇见过这个问题);   NodeL...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

DOM中的动态NodeList与静态NodeList

getElementsByTagName() 速度比 querySelectorAll() 快的根本原因在于动态NodeList和静态NodeList对象的不同。 尽管我可以肯定地说有某种方法来优化这...

NodeList,NamedNodeMap和HTMLCollection

DOM是JavaScript重要组成部分,在DOM中有三个特别的集合分别是NodeList(节点的集合),NamedNodeMap(元素属性的集合)和HTMLCollection(html元素的集合)...

HTMLCollection与NodeList

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

关于HTMLCollection和NodeList

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

DOM中NodeList&NamedNodeMap&HTMLCollection简介

NodeList每个节点都有一个childNodes属性, 其中保存这一个NodeList对象. NodeList是一种类数组对象, 用于保存一组有序的节点, 可以通过位置来访问这些节点. NodeL...

DOM中的动态NodeList与静态NodeList(getElementsByTagName()与querySelectorAll())

为何getElementsByTagName()比querySelectorAll()快100倍 getElementsByTagName() 等与 querySelectorAll()的区别

DOM中的NodeList与HTMLCollection

DOM中的NodeList与HTMLCollection

JavaScript小技巧

12个非常实用的JavaScript小技巧          在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。   使用...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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