您现在的位置是：课程教程文章

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

2023-12-15 20:58课程教程文章 人已围观

课程介绍


1、 js中实现遍历dom元素的方法课程推荐

2、 js中实现遍历dom元素的方法课程专题

本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

方法一：使用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教程。

课程教程：js中实现遍历dom元素的方法

上一篇：js中如何递归遍历dom树

下一篇：没有了

其他课程

猜你喜欢

随机推荐

站点信息

  • 文章统计：篇文章