Javascript递归打印Document层次关系实例分析
本文实例讲述了Javascript递归打印Document层次关系的方法。分享给大家供大家参考。具体如下：
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>递归显示节点层次关系</title>
<scripttype="text/javascript">
varResultStr="";
functionListNode(node,level){
PrintInfo(node,level);
level++;
varnodes=node.childNodes;
for(vari=0;i<nodes.length;i++){
if(nodes[i].hasChildNodes()){
ListNode(nodes[i],level);//递归
}
else{
PrintInfo(nodes[i],level);
}
}
}
functiongetSpace(level){
vars="";
for(vari=0;i<level;i++){
s+="!----"
}
returns;
}
functionPrintInfo(node,level){
ResultStr+=getSpace(level)+"Name:"+node.nodeName+
"...Type:"+node.nodeType+"...Value:"+node.nodeValue+"<br/>";
}
functiongetDocAllInfo(){
ResultStr="";
ListNode(document,0);
document.write(ResultStr);
}
</script>
</head>
<body>
<inputtype="button"value="测试"onclick="getDocAllInfo()"/>
<divid="divDemo">div内容</div>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
<inputtype="text"/>
<span>我是SPAN</span>
<!--我是注释-->
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。