                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

父節(jié)點(diǎn)下的所有子節(jié)點(diǎn)的子節(jié)點(diǎn)也就是孫節(jié)點(diǎn)為什么沒(méi)有一起顯示出節(jié)點(diǎn)值

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無(wú)標(biāo)題文檔</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

源自：JavaScript進(jìn)階篇 9-8

關(guān)注問(wèn)題我要回答

976

操作

收起

2 回答

wshyzx
2016-10-19

如果你要顯示3個(gè)孫節(jié)點(diǎn)的節(jié)點(diǎn)值，需要在上圖第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個(gè)節(jié)點(diǎn)啊如果加上空白節(jié)點(diǎn)我覺(jué)得不止7個(gè)啊
不知道為什么我數(shù)出了九個(gè)誒╮(╯╰)╭
最佳回答
2016-08-31
很好理解，第一個(gè)子節(jié)點(diǎn)處如果是空的，就是空白節(jié)點(diǎn)（在firefox、chrome、opera、safari瀏覽器是文本節(jié)點(diǎn)），現(xiàn)在有文本，節(jié)點(diǎn)類(lèi)型同樣是#text。代碼里可以看啊。你就是第一個(gè)節(jié)點(diǎn)這里理解有誤

要分清子節(jié)點(diǎn)和孫節(jié)點(diǎn)！

7個(gè)子節(jié)點(diǎn)+3個(gè)孫節(jié)點(diǎn)