Javascript递归打印Document层次关系实例分析


Posted in Javascript onMay 15, 2015

本文实例讲述了Javascript递归打印Document层次关系的方法。分享给大家供大家参考。具体如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>递归显示节点层次关系</title>
<script type="text/javascript">
var ResultStr = "";
function ListNode(node,level) {
 PrintInfo(node, level);
 level++;
 var nodes = node.childNodes;
 for (var i = 0; i < nodes.length; i++) {
  if (nodes[i].hasChildNodes()) {
   ListNode(nodes[i], level); //递归
  }
  else {
   PrintInfo(nodes[i], level);
  }
 }
}
function getSpace(level) {
 var s = "";
 for (var i = 0; i < level; i++) {
  s+="!----"
 }
 return s;
}
function PrintInfo(node, level) {
 ResultStr += getSpace(level) + "Name:" + node.nodeName + 
 "...Type:" + node.nodeType + "...Value:" + node.nodeValue + "<br />";
}
function getDocAllInfo() {
 ResultStr = "";
 ListNode(document, 0);
 document.write(ResultStr);
}
</script>
</head>
<body>
<input type="button" value="测试" onclick="getDocAllInfo()" />
<div id="divDemo">div内容</div>
<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>
<input type="text" />
<span>我是SPAN</span>
<!--我是注释-->
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中URL编码函数代码
Jan 11 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
Javascript节点关系实例分析
May 15 #Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 #Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 #Javascript
Javascript进制转换实例分析
May 14 #Javascript
Javascript中For In语句用法实例
May 14 #Javascript
Javascript中With语句用法实例
May 14 #Javascript
javascript用函数实现对象的方法
May 14 #Javascript
You might like
两种php给图片加水印的实现代码
2020/04/18 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
JQuery学习总结【一】
2016/12/01 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
对于Python的Django框架部署的一些建议
2015/04/09 Python
python操作mysql数据库
2017/03/05 Python
Python学习思维导图(必看篇)
2017/06/26 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
Python递归函数实例讲解
2019/02/27 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
Python类如何定义私有变量
2020/02/03 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
为什么相对PHP黑python的更少
2020/06/21 Python
django跳转页面传参的实现
2020/09/17 Python
如何利用python读取micaps文件详解
2020/10/18 Python
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
影视艺术学院毕业生自荐信
2013/11/13 职场文书
后勤主管岗位职责
2014/03/01 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
2014年应急工作总结
2014/12/11 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL