📄 遍历dom.html
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -