js遍历所有dom

Posted by
//遍历节点
walkDom = function (el){
var c = el.firstChild;
var retObj = {};
var array = [];
while(c !== null){//这里只是返回了元素节点,没有节点就是个空数组
if(c.nodeType == 1){
array.push(walkDom(c));
}
c = c.nextSibling;
}
retObj[el.tagName] = array;
return retObj;
};
//构建树形
createTree = function (tree){
var array = [];
for(var key in tree){
array.push(‘<li><h3>’);
array.push(key.toLowerCase());
array.push(‘</h3>’);
if(tree[key].length != 0){
array.push(‘<ul>’);
for(var i = 0; i < tree[key].length; i++){
array = array.concat(createTree(tree[key][i]));
}
array.push(‘</ul>’);
}
array.push(‘</li>’);
}
return array;
};
/*
var tree = walkDom(document.body);
var ul = document.createElement(‘ul’);
ul.innerHTML = createTree(tree).join(”);
document.body.appendChild(ul);
*/

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据