这个div里怎么有七个节点那么多？

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

这个div里怎么有七个节点那么多？

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

这个div里怎么有七个节点那么多？

提问者：这就尴尬了 2018-04-19 15:26

个回答

hello_worldysm

2018-04-19 15:37:46

已采纳

因为空节点也算结点：<div> </p> </div> </h5> 这四个标签后面的空白部分也算结点，加上 p,div,h5 这三个结点一共七个结点

0
qq_城_30

2018-06-11 20:46:30

（1）div、p、div、h5、后面各有一个空白节点（4个）
（2）p、div、h5（3个）
（3）所以一共7个节点

0
慕盖茨2972475

2018-05-29 23:08:39

为什么不是8个节点呢？
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>

0