js递归获取html页面所有标签

最新推荐文章于 2023-02-11 17:31:52 发布

原创最新推荐文章于 2023-02-11 17:31:52 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

js学习专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用JavaScript原生方法递归获取页面上所有DOM元素的技术。通过定义一个函数，该函数检查每个元素是否包含子元素，并递归地应用自身直到遍历完整个DOM树，最终收集所有元素到一个数组中。

js原生递归获取,直接源码 :

　　const child = document.children;//body就用document.body.children

　　var arr = [];//用来存放获取到的所有的标签

　　function fn(obj){

　　　　for(let i=0;i<obj.length;i++){

　　　　　　 if(obj[i].children){//当当前元素还存在子元素的时候,递归

　　　　　　　　fn(obj[i].children);

　　　　　　　}

　　　　　　 arr.push(obj[i]); //遍历到的元素添加到arr这个数组中间
　　　　}

　　}

fn(child);

console.log(arr);//打印出最后获取到的结果