`

childNodes属性遍历dom对象

 
阅读更多

    DOM Element的childNodes三属性是一个带下标的集合，并不是真正的数组，包括聚合的所有子对象，但是一种立体的结构，反映了一种纵深的层次结构。
    按照页面上出现的先后顺序列出当前页面的dom结构树： 
<html>
 <head>
  <title> DOM 子对象遍历 </title>
 </head>
 <body>	
	<form>
		<input type="button" id="button1"name="button1" value="Click Me!" />
	</form>
 </body>
 <script type="text/javascript">
	var s ="";
	function travel (space,node){
		if (node.tagName) {
			s+=(space+node.tagName+"<br/>");
		}
		var l = node.childNodes.length;
		for (var i = 0;i<l ;i++ ){
			travel(space + "|-",node.childNodes[i]);
		}
	}
	travel("",document);
	document.write(s);
 </script>
</html>



  • 大小: 16.4 KB
  • 大小: 7 KB
分享到：
| Cognos安全管理--1简介
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    .遍历DOM元素

    1. 避免使用`for...in`遍历DOM，因为它会遍历对象的所有可枚举属性，包括原型链上的属性。 2. 使用`NodeList`对象时，注意其非活集合特性，即在遍历过程中，如果DOM结构发生改变，遍历结果可能不准确。 3. 优化遍历...

    javascript先序遍历DOM树的方法

    遍历DOM树是操作DOM的基本方式之一，其中先序遍历是一种常用的遍历方式，它按照根节点、左子树、右子树的顺序访问每个节点。本文将介绍五种使用JavaScript进行DOM先序遍历的方法。 1. 使用DOM1中的基础接口递归遍历...

    DOM应用---遍历网页中的元素

    本文将深入探讨如何使用JavaScript来遍历DOM树，并通过实际示例展示其在实际应用中的价值。 1. **理解DOM树** - DOM树是由文档的各个部分组成的，包括元素、属性、文本节点等。每个节点都有父节点、子节点和兄弟...

    dom遍历所有xml节点，并且重新生成xml

    在JavaScript中，我们可以使用内置的`DOMParser`对象将XML字符串解析为DOM树，然后通过遍历DOM节点来处理XML。以下是一段示例代码： ```javascript // 解析XML字符串 var xmlString = '&lt;root&gt;&lt;child attr="value"&gt;...

    JavaScript遍历DOM元素的常见方式示例

    在JavaScript中，遍历DOM（文档对象模型）元素是网页动态操作的核心技能之一。DOM是HTML和XML文档的编程接口，允许我们通过脚本访问和修改文档内容、结构和样式。本文将详细介绍几种常见的遍历DOM元素的方法，并通过...

    XMLDOM对象方法中文手册chm

    这个"XMLDOM对象方法中文手册chm"提供了关于XML DOM在中文环境下的详细指南，对于理解和应用XML DOM技术至关重要。 1. **XML DOM基本概念** - DOM是一种与平台和语言无关的接口，它将XML文档解析为一个树形结构，...

    XML教程之DOM对象参考手册 chm

    6. **遍历和修改DOM树**：使用childNodes、firstChild、lastChild、nextSibling、previousSibling等属性可以遍历DOM树。同时，可以使用appendChild、insertBefore、replaceChild和removeChild方法来修改树的结构。 ...

    javascript 操作xml_dom对象整理集合

    `NodeIterator`和`TreeWalker`接口提供了一种更灵活的方式遍历DOM树，可以定制遍历规则，例如只访问特定类型的节点。 9. **JavaScript技巧** - **闭包**：理解闭包有助于编写高效且无副作用的代码，它可以保持...

    DOM对象快速查询手册（CHM版）

    **遍历DOM** DOM遍历是常见的任务，可以通过以下方法实现： 1. `childNodes`：返回节点的所有子节点。 2. `firstChild`和`lastChild`：获取第一个和最后一个子节点。 3. `nextSibling`和`previousSibling`：获取...

    10.DOM对象.zip

    4. **遍历DOM**：使用`childNodes`和`children`属性可以遍历元素的子节点，而`parentNode`属性则可以上溯到父节点。`nextSibling`和`previousSibling`属性则可以移动到当前节点的下一个或上一个兄弟节点。 5. **...

    DOM文档对象中文手册.chm

    - **树遍历**: 使用`childNodes`、`firstChild`、`lastChild`、`nextSibling`、`previousSibling`等属性遍历DOM树。 - **深度优先搜索**和**广度优先搜索**: 两种常见的遍历策略，用于访问所有节点。 通过深入...

    JS操作XMLDOM(遍历和打印)

    - 使用递归遍历DOM树，收集每个节点的信息（如标签名、属性和内容）。 - 将收集的信息格式化为字符串，并调用`console.log`打印到浏览器控制台。 - 可能还包含了其他高级功能，如过滤特定类型的节点、颜色高亮关键...

    dom教程 dom文档对象实例教程

    7. **DOM遍历**：利用`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等属性遍历DOM树。 8. **DOM Level 2和Level 3**：介绍更高级的功能，如样式操作、事件处理的增强、以及XML支持等...

    DOM对象的深入学习

    DOM对象分为不同的层次，包括Document对象、Element对象、Attribute对象和TextNode对象等。 1. **Document对象**： - `close()`：关闭由`document.open()`打开的输出流。 - `getElementById()`：返回具有特定ID的...

    XMLDOM对象方法手册.rarXMLDOM对象方法手册.rar

    这个“XMLDOM对象方法手册”很可能是一个详细阐述XMLDOM相关方法和技术的手册，通常会包含如何创建、解析、查询和操作XML文档的各种教程和参考资料。 XMLDOM的核心在于其对象模型，这些对象包括Document、Element、...

    9.DOM对象.zip

    3. **遍历节点（Traversing Nodes）**：`parentNode`、`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等属性可以帮助我们遍历整个DOM树，访问或操作各个节点。 4. **创建和修改节点...

    javascript DOM 操作.doc

    IE 中遍历 DOM 文档：在IE中，可以使用以下属性和方法来遍历DOM文档： * documentElement：文档根元素的引用 * attributes：节点属性数组 * childNodes：节点子节点数组 * firstChild：第一个子节点引用 * ...

    UIcourse_lecture9:DOM遍历

    在本课程"UIcourse_lecture9:DOM遍历"中，我们将深入探讨JavaScript中的Document Object Model（DOM）以及如何有效地遍历DOM树。DOM是HTML和XML文档的编程接口，它将网页结构转换为可操作的对象集合，允许我们通过...

Magicbox
Global site tag (gtag.js) - Google Analytics