码迷,mamicode.com
首页 > 其他好文 > 详细

遍历Dom树

时间:2017-08-08 21:41:49      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:doc   span   logs   for   元素   tree   oms   each   else   

遍历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树

标签:doc   span   logs   for   元素   tree   oms   each   else   

原文地址:http://www.cnblogs.com/haqiao/p/7308824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!