码迷,mamicode.com
首页 > 其他好文 > 详细

迭代DOM集合的几种方法

时间:2018-11-28 11:55:05      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:sele   rom   slice   each   from   select   tor   flex   bsp   

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集合的几种方法

标签:sele   rom   slice   each   from   select   tor   flex   bsp   

原文地址:https://www.cnblogs.com/anxiaoyu/p/10030364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!