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个