一,遍历DOM树的分析思路
1.先获取整个页面的Dom节点:foot=document.documentElement;
2.后创建一个函数用于遍历Dom树 :
此函数需要传进一个参数,此参数是html文档中的根节点
然后在调用一个用于求节点的子节点的函数
3.创建节点的子节点的函数:
此函数需要一个参数,用于传进一个节点集合 foot.children
对传进来的实参进行遍历,调用一个输出此节点名称的函数
进行判断如果此节点的子节点即childs[i].children存在则继续调用bl函数,传进此函数
childs[i]--》递归
4.创建一个输出节点名称的函数:
传进一个节点参数,返回节点名 ---》dom1.nodeName
二.代码
<script>
//获取html文档中所有的DOM节点
var foot=document.documentElement;
//创建一个获取节点名称的函数
function getDomName(dom1){
console.log("节点名称:"+dom1.nodeName);
}
//获取节点的子节点
function getChildDom(childs){
// console.log(childs);
for(var i=0;i<childs.length;i++){
getDomName(childs[i]);
//递归if(childs[i].chilren){bl(childs);}
childs[i].children&&bl(childs[i]);
}
}
bl(foot);
</script>