`

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简介
评论
发表评论

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

相关推荐

    处理及遍历XML文档DOM元素属性及方法整理

    用于处理XML文档的DOM元素属性 代码如下: childNodes：返回当前元素所有子元素的数组； firstChild：返回当前元素的第一个下级子元素； lastChild：返回当前元素的最后一个子元素； nextSibling：返回紧跟在当前元素...

    JavaScript操作DOM元素的childNodes和children区别

    对于DOM元素，children是指DOM Object类型的子对象，不包括tag之间隐形存在的TextNode，而childNodes包括tag之间隐形存在的TextNode对象。 具体看一下针对children和childNodes在chrome环境下的测试： &lt;!DOCTYPE...

    DOM下的节点属性和操作小结

    属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。...文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性，要

    Javascript遍历Html Table示例(包括内容和属性值)

    1: 遍历并输出Table中值 &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; function f() { var t=document.getElementById(tb).childNodes.item(0); for(var i=0;i&lt; t.childNodes.length;i++) { for(var j=0;j&lt;t.childNodes(i)....

    IE与FireFox中的childNodes区别

    但是 getElementsByTagName对复杂的DOM结构遍历明显不如用childNodes，因为childNodes能更好的处理DOM的层次结构,建议在需要进行了遍历时首先使用childNodes!! 但是不幸的是，在IE和FireFox中childNodes有点细微的...

    js遍历子节点子元素附属性及方法

    var childs = usernameEle.childNodes; for(var i = childs.length – 1; i &gt;= 0; i–) { usernameEle.removeChild(childs[i]); } var username = document.createTextNode(obj.username); usernameEle....

    jacascript DOM节点——元素节点、属性节点、文本节点

    元素节点 ...　元素的 childNodes 属性中包含了它的所有子节点，这些子节点可能是元素、文本、注释、处理指令节点； 　childNodes 结合 NodeType 可以检查有几个元素子节点： &lt;ul class=list id=list

    js -- childNodes

    博文链接：https://skyofdawn.iteye.com/blog/208281

    ajax或者jquery操作xml相关源文件

    //获取属性值 alert&#40;info[0].childNodes[0].childNodes[0].nodeName&#41;; // alert&#40;info[0].childNodes[1].childNodes[0].getAttribute(""&#41;); alert&#40;info[0].childNodes[0].childNodes[0]....

    javascript对于DOM的操作

    document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点

    Js中parentNode,parentElement,childNodes,children之间的区别

     childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。  ——————————————————– parentNode和parentElement功能一样...

    PHP XML操作类DOMDocument

    属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节点的定义(只读) Doctype 指定文档类型节点(只读) ...

    javascript操作XML

    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM") 'JAVASCRIPT中的创建对象 set objXml=CreateObject("Microsoft.XMLDOM") '创建解析器对象 objXml.async="false" objXml.load("test.xml") '装载xml文件 ...

    Js操作DOM元素及获取浏览器高宽的简单方法

    在JavaScript中，经常会来获取Document文档元素，是 HTML 文档对象模型的英文缩写，Document Object Model for HTML，是基于浏览器编程，HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的...

    childNodes 用法两例

    childNodes实现代码

    基本DOM节点操作

    getElementByName()：获取具有指定属性name的元素数组。 2、子节点 element.childNodes：返回该元素的子节点数组。注意：换行在浏览器中作为text节点，需要进行过滤 element.firstChild：该元素的第一个子节点。 ...

    使用 childNodes 和 rows,cells 操作表格列着色源代码

    本文包含两个源代码：使用 childNodes 操作表格列着色、使用 rows,cells 操作表格列着色。两种着色方式有什么区别？具体分析请参阅作者博客：http://blog.csdn.net/defonds/archive/2010/07/17/5741214.aspx。

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