1. 程式人生 > >DOM學習筆記---遍歷頁面所有元素節點

DOM學習筆記---遍歷頁面所有元素節點

//遍歷頁面所有元素節點

var blanks=[];

function getChildren(parent){
  console.log(blanks.join("")+"|_"+(parent.nodeType==1?parent.nodeName:parent.nodeValue));
  if(parent.children.length>0){
    blanks.push("\t");
    for(var i=0,len=parent.children.length;i<len;i++){
       getChildren(parent.children[i]);
    }
    blanks.pop("\t");
  }
}

//遍歷頁面所有節點

var blanks=[];

function getChildren(parent){
  console.log(blanks.join("")+"|_"+(parent.nodeType==1?parent.nodeName:parent.nodeValue));
  if(parent.childNodes.length>0){
    blanks.push("\t");
    for(var i=0,len=parent.childNodes.length;i<len;i++){
       getChildren(parent.childNodes
[i]);
    }
    blanks.pop("\t");
  }
}

getChildren(document);