childNodes属性使用

childNodes 返回包含指定节点的子节点的集合.

document节点(文档节点)包含两个子节点: Doctype对象和HTML元素节点(根元素节点).

集合的元素是一个节点而不是字符串.要从集合的元素获取数据,你必须使用它们的属性(例如:用elementNodeReference.childNodes[1].nodeName 获取它们的名称, 等等.).

例子：

/*打印当前页面元素树结构 递归
		*/
		var s="";		
		function travel(space,node){
			if(node.tagName){
				s+=(space+node.tagName+"<br/>");
			}
			if(node.hasChildNodes()){ //检查是否包含子节点			
				var l = node.childNodes.length;
				for(var i=0;i<l;i++){
					travel(space+"|-",node.childNodes[i]);
				}
		    }
		}
		travel("",document);
		document.write(s);

页面效果：

|-HTML
|-|-HEAD
|-|-BODY
|-|-|-SCRIPT

参考：来自MDN-- https://developer.mozilla.org/zh-CN/docs/DOM/Node.childNodes