DOM树的遍历

一，遍历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>