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

m~781

已于 2022-11-04 16:43:38 修改

阅读量640

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言

于 2022-11-04 16:33:30 首次发布

本文链接：https://blog.youkuaiyun.com/qq_56456071/article/details/127691844

本文介绍了一种使用JavaScript通过递归方式获取HTML页面中所有标签的方法。通过定义一个递归函数，该函数检查每个元素及其子元素，并将它们收集到一个数组中。最终输出这些标签，适用于页面结构解析等应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　var child = document.children;

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

　　function fn(obj){

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

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

　　　　　　　　fn(obj[i].children);

　　　　　　　}

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

　　}

fn(child);

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

js递归获取html页面所有标签_buyue__的博客-优快云博客