父节点下的所有子节点的子节点也就是孙节点为什么没有一起显示出节点值

源自：9-8 访问子节点childNodes

父节点下的所有子节点的子节点也就是孙节点为什么没有一起显示出节点值

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
 var x=document.getElementsByTagName("div")[0].childNodes;
    for(var i=0; i<x.length; i++){
		document.write((i+1)+" "+x[i].nodeName+" "+x[i].nodeValue+" "+x[i].nodeType+"<br/>");
	}
 
 
</script>
</body>
</html>

提问者：qq_诺诺 2016-09-01 14:54

个回答

wshyzx

2016-10-19 16:35:12

如果你要显示3个孙节点的节点值，需要在上图第19行加上：
document.write(x[1].childNodes[0].nodeValue+'<br>');
document.write(x[3].childNodes[0].nodeValue+'<br>');
document.write(x[5].childNodes[0].nodeValue+'<br>');
原因：
为什么是7个节点啊如果加上空白节点我觉得不止7个啊
不知道为什么我数出了九个诶╮(╯╰)╭
最佳回答
2016-08-31
很好理解，第一个子节点处如果是空的，就是空白节点（在firefox、chrome、opera、safari浏览器是文本节点），现在有文本，节点类型同样是#text。代码里可以看啊。你就是第一个节点这里理解有误
要分清子节点和孙节点！
7个子节点+3个孙节点

0
qq_诺诺

2016-09-01 14:57:57

显示结果如下

0