1. 程式人生 > >遍歷Dom樹

遍歷Dom樹

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樹