在DOM中,可以通过对象的parentNode,firstNode,nextNode,lastNode,previousSibling等属性来遍历文档树。下面遍历JSP文档,并获取该文档中的全部标记及标记总数。
<html>
<head>
<title>A Simple Document</title>
<script language = "javascript">
var elementList = "";
function getElement(node) {
var total = 0;
if (node.nodeType == 1) {
total++;
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("There are " + number + " labels in this file,they are " + elementList + " and so on." )
elementList = "";
}
</script>
</head>
<body onload = "show()">
Wellcome To Mingribook!<br/>
<br/><a href="http://www.mingribook.com"> http://www.mingribook.com</a>
</body>
</html>
结果如下:
点击确定后,可以显示:
参考资料:
《Java Web从入门到精通》,明日科技
本文介绍了一种使用JavaScript遍历DOM树的方法,并通过一个示例展示了如何获取页面上所有元素及其总数。该方法利用了节点的各种属性,如parentNode、firstChild、nextSibling等。

2739

被折叠的 条评论
为什么被折叠?



