当前位置：网站首页>DOM学习笔记---遍历页面所有元素节点

DOM学习笔记---遍历页面所有元素节点

2022-04-23 07:34:00 【beinlife】

//遍历页面所有元素节点

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);

版权声明
本文为[beinlife]所创，转载请带上原文链接，感谢
https://blog.csdn.net/beinlife/article/details/52926895

边栏推荐

猜你喜欢

随机推荐