                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

如何实现逐个删除节点？

求助大神我的代码是执行一次onclick就直接删除了3个节点，如何改写代码能实现逐个删除？

<script type="text/javascript">

function clearText() {

var content=document.getElementById("content");

for(i=0;i<content.childNodes.length;i++)

{

var x=content.removeChild(content.childNodes[i]);

x=null;

}

}

</script>

<button onclick="clearText()">清除节点内容</button>

哈噜噜呦吧啦

2017-04-27

源自：JavaScript进阶篇 9-14

关注问题我要回答

4704

操作

收起

2 回答

我要SSR 回答被采纳 +3 积分
2017-05-10

逐个删除完全可以不用循环啊。。。先清除空白文本。。。然后执行下面代码。

function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
content.removeChild(content.childNodes[0]);//也可以从后面逐个删除，把0改为content.childNodes.length-1

}

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

#1

哈噜噜呦吧啦提问者

为什么要点两次按钮才能删一条？

2017-05-10 回复有任何疑惑可以回复我~

#2

我要SSR 回复哈噜噜呦吧啦提问者

你没有清除空白文本（换行符）吧。。。

2017-05-10 回复有任何疑惑可以回复我~

#3

哈噜噜呦吧啦提问者回复我要SSR

改好了~厉害厉害~灰常感谢！

2017-05-10 回复有任何疑惑可以回复我~

查看3条回复

慕勒7123956
2017-04-27

因为，你在删除一个元素之后，content.childNodes的长度也会发生变化啊，可以尝试，修改一下判断条件，比如

content.childNodes.length!=0

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

#1

哈噜噜呦吧啦提问者

还是用for循环吗？还是用while？

2017-04-27 回复有任何疑惑可以回复我~

#2

慕勒7123956 回复哈噜噜呦吧啦提问者

还是for循环，不过while也可以用，用while反而更好理解

2017-04-27 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

1 回答逐一删除，一开始不是逐一删除

2 回答怎样才可以实现点击一次删除一个元素节点？

2 回答删除节点removeChild()

1 回答删除节点removeChild

1 回答如何把删除的子节点依次显示出来？

搜索更多本课相关问答

如何实现逐个删除节点？

我要回答关注问题

意见反馈帮助中心 APP下载