javaScript获取文档中所有元素节点的个数

HTML+JS 代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javaScript获取文档中所有元素节点的个数</title>
    <script>
    function getElCount(n){                     //定义文档元素统计函数
        var num = 0;                            //初始化变量
        if(n.nodeType == 1){                    //检查是否为元素节点
            num++;                              //如果是,计数器加1
            console.log(n.nodeName);            //输出元素节点名称
        }
        var son = n.childNodes;                 //获取所有子节点
        for(var i=0 ; i<son.length ; i++){      //遍历每个子元素
            num += arguments.callee(son[i]);    //递归操作
        }
        return num;                             //返回统计值
    }
    window.onload=function(){
        console.log('文档中元素节点的个数是:'+getElCount(document)+'')
    }
    </script>
</head>
<body>
    <h2>标题2</h2>
    <p>这是一个段落</p>
</body>
</html>

输出结果:

HTML
HEAD
META
TITLE
SCRIPT
BODY
H2
P
文档中元素节点的个数是:8个
原文地址:https://www.cnblogs.com/lvmylife/p/5364384.html