遍历 DOM 树

  1. //从根节点开始遍历
  2. function fromRoot(ele){
  3.     //找到根节点的所有孩子
  4.     var children = ele.children;
  5.     //遍历根节点的每个孩子
  6.     for(var i=0;i<children.length;i++){
  7.         //获取每一个孩子
  8.         var c = children[i];
  9.         //打印节点名称
  10.         console.log(c.nodeName);
  11.         //如果每一个孩子下面还有子节点，则继续将每一个孩子看成根节点继续遍历孩子下面的子孩子
  12.         c.children && fromRoot(c);
  13.     }
  14. }
  15. fromRoot(my$("box"));