求大师看看错哪了？-慕课网

求大师看看错哪了？

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

Time_True_Lee

2018-11-29 00:12

<!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;
 document.write("div第一个节点："+x[0].length+"<br>");
 for(i=0;i<x.length;i++){
 document.write("div第"+i+"个节点的名称是："+x[i].nodeName+"<br>");
 document.write("div第"+i+"个节点的值是："+x[i].nodeValue+"<br>");
 document.write("div第"+i+"个节点的类型是："+x[i].nodeType+"<br>");
 }
</script>
</body>
</html>

为什么有些名称显示不了？
这样错误是什么？

写回答关注

5回答

慕UI8403092

2018-11-30 11:02:37

已采纳

不是错误
<p><h5>没有value所以显示为null
空白区域因为没有Tag 浏览器默认为#text 所以value无法显示

0 0
逃离外包

2019-01-28 16:58:12

<!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;
document.write("div子节点数的个数"+x.length+"<br/>");
document.write("-----------------------"+"<br/>");
for(i=0;i<x.length;i++){
var name=x[i].nodeName;
var value=x[i].nodeValue;;
var type=x[i].nodeType;
document.write("节点的名称"+name+"<br/>");
document.write("节点的值"+value+"<br/>");
document.write("节点的类型"+type+"<br/>");
document.write("-----------------------"+"<br/>");
}

</script>
</body>
</html>

0 0
Chancellor_

2019-01-23 13:52:57

为啥他的长度叫节点？ document.write("div第一个节点："+x[0].length+"<br>"); ？？？

0 1
iFlowers

2018-12-26 22:19:25

顺便说一下，元素就是标签Tag，在DOM模型就叫节点

0 1
iFlowers

2018-12-26 22:16:55

没有错，”没有显示“的值是空格，显示为null是因为元素没有设置值。

0 0