childNodes获得是数组对象
下面看一个实例:
<html>
<head>
<title>遍历文档</title>
<script type="text/javascript">
function init(){
var body = document.childNodes[0].childNodes[2];//得到body节点
var str ="";
for(var i = 0 ; i < body.childNodes.length ; i++){//遍历body下的所有子节点
if(body.childNodes[i].nodeType != 3)//去掉nodeType为3的子节点即text节点
str += body.childNodes[i].nodeName+" ";
}
alert(str);
/*var obj = document.getElementById('t');
var c = obj.nextSibling;//寻找obj下一个兄弟节点
alert(c.nodeValue);*/
}
</script>
</head>
<body>
<a href="">test</a>
这是一个段落
<h1 id="t">这是一个标题</h1><!--我是注释-->
<input type="button" οnclick="init()" value="点击"/>
</body>
</html>
效果如下: