JavaScript对DOM树的遍历

直接上代码，复制直接使用

  //获取这个页面中的最基本的根标签(根节点)
  var root=document.documentElement;//html
  //遍历这个页面的DOM树,fn是用来显示每个标签的名字的(只要给我这个节点,我就显示该节点的名字)
  function forDom(root,fn) {
    //获取html中的所有的子节点(是html的直接的子节点--儿子)
    var children = root.children;
    //fn(root);
    //给我一个节点.我就把这个节点中的所有的子节点全都找到
    forChildren(children,fn);
  }
  //给我节点.我把这个节点中的所有的儿子节点找到
  function forChildren(children,fn) {
    //此时children是每个子节点,for遍历每个子节点
      for(var i=0;i<children.length;i++){
        var child=children[i];//child就是每个子节点
        fn(child);//输出每个子节点的名字
        child.children&&forDom(child,fn);
      }
  }

  forDom(root,function (node) {
    console.log("节点名字:--->"+node.nodeName);
  });