迭代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);
}

转载于:https://www.cnblogs.com/anxiaoyu/p/10030364.html

迭代DOM集合的几种方法相关推荐

Java中遍历Set集合的三种方法
Map集合:链接: Map集合的五种遍历方式及Treemap方法 Set集合:链接: Java中遍历Set集合的三种方法 TreeSet集合:链接: Java深入了解TreeSet,和迭代器遍历方法 ...
遍历List集合的三种方法
遍历List集合的三种方法 List<String> list = new ArrayList<String>(); list.add("aaa"); li ...
Java中遍历Set集合的三种方法(实例代码)
哈喽,欢迎来到小朱课堂,下面开始你的学习吧! Java中遍历Set集合的三种方法废话不多说,直接上代码 1.迭代遍历: Set set = new HashSet(); Iterator it = ...
组件Refs(操作DOM的2⃣️两种方法)
组件Refs(操作DOM的2⃣️两种方法) 第一种方式 var mySubmitButton = document.getElementById('submitButton'); console.lo ...
Java 数组转成集合List三种方法和（数组、集合List、Set相互转换）
Java 数组转成集合List 三种方法 package com.list;import java.util.ArrayList; import java.util.Arrays; import ja ...
JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
动态修改dom node的两种方法性能比较
Created by Jerry Wang, last modified on Sep 25, 2014 测试代码: <html> <script src="C:\User ...
java 集合初始化_6种方法初始化JAVA中的list集合
List 是 Java 开发中经常会使用的集合,你们知道有哪些方式可以初始化一个 List 吗?这其中不缺乏一些坑,今天栈长我给大家一一普及一下. 1.常规方式 List languages = ne ...
vue操作dom元素的三种方法介绍和分析
相信大家在做项目的时候,肯定会遇到这样的问题:我点击新增按钮,需要弹出个弹框,然后我点击对应的关闭按钮,关闭弹框,但是新增按钮和关闭按钮操作的是另一个元素,所以需要获取dom元素进行操控,那么在vue ...

迭代DOM集合的几种方法

迭代DOM集合的几种方法相关推荐

最新文章

热门文章