迭代DOM集合的几种方法

Posted 2021-01-23 anxiaoyu

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了迭代DOM集合的几种方法相关的知识，希望对你有一定的参考价值。

1. Array.prototype.slice.call() 转数组再遍历

var a= document.querySelectorAll(‘div‘);
var arr = Array.prototype.slice.call(a);
console.log(arr);

2.Array.from() 将类数组转为数组

var a= document.querySelectorAll(‘div‘);
var arr = Array.from(a);
arr.forEach(function(i){
　　console.log(i);
})

3.for of

let elements = document.querySelectorAll(‘div‘);

for (let element of elements) {
  console.log(element.tagName);
}

以上是关于迭代DOM集合的几种方法的主要内容，如果未能解决你的问题，请参考以下文章