JavaScript使用forEach遍历querySelectorAll

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：数组本身。
    ...
});

• 分类： 默认分类 JS
• 标签： 无标签