遍历dom.html
来自「介绍了javascript的常用的函数」· HTML 代码 · 共 34 行
HTML
34 行
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>JavaScript Book--代码6-20</title>
<script language="JavaScript">
<!--采用递归的方法,来遍历所有的子节点-->
<!--
var elementName = "";
function countTotalElement(node){
var total = 0;
if(node.nodeType == 1){
total ++;
elementName = elementName + node.tagName + "\r\n";
}
var childrens = node.childNodes;
for(var i = 0 ; i < childrens.length; i++){
total += countTotalElement(childrens[i]);
}
return total;
}
function count(){
var all = '标签总数:' + countTotalElement(document) + '\r\n标签列表如下: \r\n' + elementName;
alert(all);
}
-->
</script>
</head>
<body>
<input type=button onclick=count() value="遍历DOM">
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?