新手如下问
来源：9-14 删除节点removeChild()
重九译
2016-06-11 11:18
为什么点击清除时刚开始一次没反应，第二次就一下子删了两个，随后点就是一次一个，why？
<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");
for(var i=0;i<content.childNodes.length;i++)
{
x= content.removeChild(content.childNodes[i]);
}
// 在此完成该函数
if(content.childNodes.length<1)
alert("No childNodes to be delete!")
}
</script>
<button onclick="clearText()">清除节点内容</button>
写回答
关注
1回答
-
- 忐自
- 2016-06-11 14:58:41
可能有两个原因，一是因为空白符也算子节点，二是因为你把0号子节点删除后后面的1号子节点往前补充成了0号子节点。你可以试着加入一个if语句判断下子节点的种类，种类为1就删除；还可以把遍历顺序改为倒序，for(var i=content.childNodes.length-1;i>=0;i--) ，你可以试一下是否能够解决。：）
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468062 学习 · 21891 问题
相似问题