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

时间:2021-12-04 03:22:20

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个