js中实现遍历dom元素的方法

在进行Javascript前端开发时，使用dom可以避免我们手动操作，只需写好逻辑代码，dom就会根据我们的逻辑代码更新结果，能提高我们的开发效率。dom有如此大的优势那你知道Javascript中如何遍历dom元素吗？本文介绍遍历dom的两种方法：1、使用es6中数组rest方法遍历dom；2、使用使用firstElementChild，nextElementSibling遍历dom。

方法一：使用es6中数组rest方法遍历dom

使用语法

var doms=document.querySelectorAll('div')

具体使用

var arr=[...doms]
arr.forEach((val)=>{
    console.log(val.innerHTML)
})

方法二：使用使用firstElementChild，nextElementSibling遍历dom

var list = document.getElementById('list');
 
var child = list.firstElementChild;
 
while(child){
    console.log( child );
    child = child.nextElementSibling;
}

以上就是Javascript中遍历dom的两种方法，大家可以选择其中一个使用哦~更多Javascript学习推荐：Javascript教程。