y.length与y[0].length执行差异原因，请指点
慕粉3700896
2017-05-24 19:09
<!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回答
-
- 慕勒7123956
- 2017-05-25 08:54:02
根据nodetype=3，可以得出这个y[0]指的是一个文本节点，就是ul到第一个li标签之间的那个空隔。这时候它的length指的其实是它这个字符串的长度，这个长度是6，你可以通过删除空格回车键这些的，减少这个文本节点的长度。
也可以通过mynode[0].children只获取元素节点
-
- 慕粉3700896
- 2017-05-25 09:36:05
讲得非常清晰，明白了，非常感谢大侠指点！
JavaScript进阶篇
469389 学习 · 22585 问题
相似问题