遍历dom 并且存储（将每一层的DOM元素存在数组中）

编程技术  /  houtizong 发布于 3年前   125

数组从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])}};