childNodes属性遍历dom对象

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>


childNodes属性遍历dom对象

你可能感兴趣的:(DOM对象)