<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取文档全部节点个数</title>
<script>
function getCount(n){
var num = 0;
if(n.nodeType == 1){ //如果为元素节点
num++;
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('文档中元素节点个数为:'+ getCount(document) +'个')
}
</script>
</head>
<body>
<h2>哈哈</h2>
<p>嘿嘿</p>
</body>
</html>
输出结果:
HTML
HEAD
META
TITLE
SCRIPT
BODY
H2
P
文档中元素节点的个数是:8个