javascript遍历所有标记

最新推荐文章于 2024-04-01 14:29:13 发布

petercnmei

最新推荐文章于 2024-04-01 14:29:13 发布

阅读量622

点赞数

分类专栏： javascript jsp & html

本文链接：https://blog.csdn.net/petercnmei/article/details/25712475

版权

jsp & html 同时被 2 个专栏收录

49 篇文章 0 订阅

订阅专栏

javascript

45 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="GBK"%>
<html>
<head>
<title>一个简单的文档</title>
<script language="javascript">
var elementList = ""; //全局变量，保存Element标记名，使用完毕要清空
function getElement(node) { //参数node是一个Node对象
var total = 0;
if(node.nodeType==1) { //检查node是否为Element对象
total++; //如果是，计数器加1
elementList = elementList + node.nodeName + "、"; //保存标记名
}
var childrens = node.childNodes; //获取node的全部子节点
for(var m=node.firstChild; m!=null;m=m.nextSibling) {
total += getElement(m); //对每个子节点进行递归操作
}
return total;
}
function show(){
var number=getElement(document); //获取标记总数
elementList=elementList.substring(0,elementList.length-1); //去除字符串中最后一个逗号
alert("该文档中包含："+elementList+"等"+number+"个标记！");
elementList=""; //清空全局变量
}
</script>
</head>
<body οnlοad="show()">
欢迎访问明日科技网站！
<br>
<a href="http://www.mingribook.com"> http://www.mingribook.com</a>
</body>
</html>