9-8 ：到底是几个子节点？
ZF_Steven
2015-06-10 21:06
到底是几个子节点？用IE11、360、搜狗浏览器都试过，都说是7个子节点，为什么跟9-8节的注意部分说的不一样。请大神指点！
代码：
<!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 a = document.getElementsByTagName("div")[0].childNodes;
document.write("DIV子节点的个数："+a.length+"个"+"<br/>") ;
for(var i=0;i<a.length;i++){
document.write("<br/>"+"第"+(i+1)+"个子节点："+"<br/>"+"子节点名称:"+a[i].nodeName+"<br/>");
document.write("子节点值:"+a[i].nodeValue+"<br/>");
document.write("子节点类型:"+a[i].nodeType+"<br/>");
}
</script>
</body>
</html>
—————————————————————————————————————————————
结果：
javascript
javascript
jQuery
PHP
DIV子节点的个数：7个
第1个子节点：
子节点名称:#text
子节点值: javascript
子节点类型:3
第2个子节点：
子节点名称:P
子节点值:null
子节点类型:1
第3个子节点：
子节点名称:#text
子节点值:
子节点类型:3
第4个子节点：
子节点名称:DIV
子节点值:null
子节点类型:1
第5个子节点：
子节点名称:#text
子节点值:
子节点类型:3
第6个子节点：
子节点名称:H5
子节点值:null
子节点类型:1
第7个子节点：
子节点名称:#text
子节点值:
子节点类型:3
3回答
-
- 慕莱坞5242466
- 2022-08-10 03:51:04
谢谢您的建议，我以后会注意的，祝学习愉快！
-
- 品茗见南山
- 2015-06-24 11:20:42
你好。这个是因为有空格这样的文本节点的原因导致的。
比如你这
第7个子节点：
子节点名称:#text
子节点值:
子节点类型:3他就是一个空格。
你把整个div收缩下就行了。
写成我下面这样的格式。
<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
-
- 伊兮尘昔
- 2015-06-11 09:52:50
你用IE8、9试试看看，应该是3个节点
JavaScript进阶篇
467393 学习 · 21877 问题
相似问题