遍歷Dom樹
阿新 • • 發佈:2017-08-08
con tolower orm node child oms logs type des
遍歷Dom樹,可以返回當前頁面有那些元素及其數量
(function(){ //遍歷Dom樹 var doms={ length:0 } function eachDomTree(root){ var childNodes=root.childNodes, len=childNodes.length; for(var i=0;i<len;i++){ var item=childNodes[i]; if(item.nodeType===1){var tagName=item.nodeName.toLowerCase(); if(tagName in doms){ doms[tagName]++ }else{ doms[tagName]=1; doms[‘length‘]++ } } if(item.childNodes.length>0){ eachDomTree(item) } } } eachDomTree(document.body) console.log(doms)
//Object {length: 18, form: 1, div: 59, input: 102, script: 7…} 當前頁面的元素和數量 }())
遍歷Dom樹