NodeList 对象变成数组
时间: 2023-08-18 08:05:14 浏览: 162
将 NodeList 对象转换为数组可以使用 JavaScript 中的 Array.from 方法,也可以使用 Array.prototype.slice.call 方法。
例如,假设我们要将页面中所有 class 为 myClass 的元素对象转换为数组,可以使用以下代码:
```javascript
// 获取所有 class 为 myClass 的元素对象
var elems = document.querySelectorAll(".myClass");
// 将 NodeList 对象转换为数组
var elemArr = Array.from(elems);
// 或者使用 Array.prototype.slice.call 方法
var elemArr = Array.prototype.slice.call(elems);
```
其中,Array.from 方法接收一个类数组对象(包括 NodeList 对象)作为参数,返回一个新的数组。而 Array.prototype.slice.call 方法可以将类数组对象转换为数组,它的作用相当于 Array.prototype.slice.apply(elems)。
转换为数组之后,就可以像操作普通数组一样来操作它们,例如遍历数组、修改元素样式等。
阅读全文