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中“基本类型”之争小结
Jan 03 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
手机端转换rem适应
Apr 01 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
vue 自定义指令自动获取文本框焦点的方法
Aug 25 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
Nov 13 Javascript
浅谈TypeScript的类型保护机制
Feb 23 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 动态随机生成验证码类代码
2010/04/09 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
google 搜索框添加关键字实现代码
2010/04/24 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
网页右下角弹出窗体实现代码
2014/06/05 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
浅谈JSON.parse()和JSON.stringify()
2015/07/14 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
vue-cli+webpack项目 修改项目名称的方法
2018/02/28 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
在Django的通用视图中处理Context的方法
2015/07/21 Python
python生成密码字典的方法
2018/07/06 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
pytorch AvgPool2d函数使用详解
2020/01/03 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
安全生产专项整治方案
2014/05/06 职场文书
公司仓库管理制度
2015/08/04 职场文书
redis限流的实际应用
2021/04/24 Redis
Mysql排序的特性详情
2021/11/01 MySQL