JS进阶9-14问题
来源：9-14 删除节点removeChild()
技术的人生
2017-07-23 17:49
<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>
<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var nodes=content.childNodes;
for(var i=0;i<nodes.length;i++){
if(nodes[i].nodeType==1)
content.removeChild(nodes[i]);
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
为什么不加if判断节点的类型时，用for循环移除全部节点却不是一次性移除，要点击button数次才能移除全部子节点。
写回答
关注
1回答
-
- 慕粉1617316290
- 2017-07-25 15:36:25
你所用的for循环是从小索引开始删除，但在每一次删除后，后面的节点会向前移动，因此每个节点的索引也会递减，而循环变量i仍在继续增加，所以下一次删除的节点就与预想的节点的索引不一致，此外，每次删除后，nodes.length会减一，导致一个for循环结束后，仍然剩下一部分节点未删除，所以需要多次调用函数进行删除剩下的节点
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468060 学习 · 21891 问题
相似问题