DOM对象实例

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

红枫斋

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

阅读量179

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/hongfenger123/article/details/52153314

版权

前端专栏收录该内容

2 篇文章 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 +node.nodeType+ "、"; 	//保存标记名
			}
			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>
		<div>I am 新加div<div>I am inner div</div></div>
  </body>
</html>