遍历dom 并且存储（将每一层的DOM元素存在数组中）
编程技术 / houtizong 发布于 3年前 151
- 数组从0开始！！
var a=[],i=0;for(var j=0;j<30;j++){a[j]=[];//数组里套数组，且第i层存储在第a[i]中}function walkDOM(n){do{if(n.nodeType!==3)//筛选去除#text类型a[i].push(n);//console.log(n);if(n.hasChildNodes()){i++;walkDOM(n.firstChild)}if(!n.nextElementSibling&&n.nodeName!=='HTML') i--;//若内层是最后一个元素并且不是html元素（保证最后i为0）则在退出当前这个递归前变为上一级以便继续向上一级a[i]添加元素}while(n=n.nextElementSibling)}walkDOM(document.documentElement);for (var i = 0; i < a.length; i++) {if(!!a[i][0]){//若啊a[i]的第一项元素为空，说明层级未达到这一级，不予考虑console.log(i+':');console.log(a[i])}};
上一篇：knob UI插件使用
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
