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