为了账号安全,请及时绑定邮箱和手机立即绑定

y.length与y[0].length执行差异原因,请指点

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>节点属性</title>

</head>

<body>

  <ul>

     <li >javascript</li>

     <li>HTML/CSS</li>

     <li>jQuery</li>     

  </ul>

  

  <script type="text/javascript">

    var mynode = document.getElementsByTagName("ul");

  y = mynode[0].childNodes;

document.write("UL子节点数:"+y.length+"<br>");

//document.write("UL子节点数:"+y[0].length+"<br>");

 document.write("节点类型:"+y[0].nodeType+"<br>");

  </script>

</body>

</html>

在执行 document.write("UL子节点数:"+y.length+"<br>"); 时结果是节点数7,                  而这样写document.write("UL子节点数:"+y[0].length+"<br>");执行结果是6,不清楚差异在哪个地方?请高手指点。


正在回答

2 回答

根据nodetype=3,可以得出这个y[0]指的是一个文本节点,就是ul到第一个li标签之间的那个空隔。这时候它的length指的其实是它这个字符串的长度,这个长度是6,你可以通过删除空格回车键这些的,减少这个文本节点的长度。

也可以通过mynode[0].children只获取元素节点

0 回复 有任何疑惑可以回复我~
#1

慕粉3700896 提问者

非常感谢高手指点!
2017-05-25 回复 有任何疑惑可以回复我~

讲得非常清晰,明白了,非常感谢大侠指点!

0 回复 有任何疑惑可以回复我~
#1

慕勒7123956

别别别,只是比你早学了一段时间而已
2017-05-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

y.length与y[0].length执行差异原因,请指点

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号