文章目录

JavaScript使用forEach遍历querySelectorAll

由 月琳 发布
  | 1819 次浏览

querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素,返回NodeList对象。--摘自
写法如下:nodeList = document.querySelectorAll(".btn-remove");

由于返回的是NodeList对象,并不是数组,它里面也没有.forEach方法。
一般将其进行遍历的方法如下:

[].forEach.call(nodeList, function (item) {
    //这里的function带的参数item,即为遍历后的Node对象,可为其进行绑定监听、设置属性等操作
    //item.addEventListener("click", function(e){} );
});

了解一下:

[]就是一个空的数组,这里是为了调用它的数组对象的一些方法,例如这里的.forEach。这是一种简写;
完整的写法是Array.prototype.forEach.call(...);

另附forEach的遍历数组用法:

var arr = [1,2,3,4];
arr.forEach( function(value,index,array){
    //value:值;index:索引,array:数组本身。
    ...
});

版权属于:月琳cc
本文链接:https://kerrinz.com/archives/8.html
作品采用《知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议》进行许可,转载请务必注明出处!

暂无评论

发表评论