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

谁能告诉我，这两端代码有啥区别吗（http://www.imooc.com/code/1700）

// function clearText() {

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

// // 在此完成该函数

// var childNodes = content.childNodes;

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

// content.removeChild(childNodes[0]);

// }

// }

function clearText() {

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

// 在此完成该函数

var nodel=content.childNodes.length;

for(var i=0;i<nodel;i++){

content.removeChild(content.childNodes[0]);

}

}

慕粉1346254686

2017-03-31

源自：JavaScript进阶篇 9-14

关注问题我要回答

842

操作

收起

7 回答

慕粉2011362409
2019-05-15

测试图片转base64

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

慕粉2011362409
2019-05-15

测试图片转base64

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

慕粉2011362409
2019-05-15

测试内容

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

慕粉2011362409
2019-05-15

测试内容

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

慕粉2011362409
2017-05-20

区别是第一个的content.childNodes.length随着你删除的节点个数在变化而下面的代码你将contentlchildNodes.length的初始值赋值给nodel值不会变化

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

慕粉1469360299
2017-04-07

这是删除的顺序问题，因为你删除第一个的时候其他的节点的顺序发生了改变，第二个节点代替了第一个节点的位置，后面一次类推，所以最删除的节点为1，3，5.。。等等

你的第二个函数这是永远执行的是删除第一个节点，那怕后面的顺序改变，也不会有影响的，因为他是一个一个个的上。。

当然你也可以换个顺序进行删除，var nodel=content.childNodes.length-1;

for(var i=nodel;i>=0;i--)

{

content.removeChild(content.childNodes[i]);

}

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

慕粉1346254686 提问者
2017-03-31

上面一个清除节点，第一次没效果，第二次突然清除3个，第三、四次各清除1个，而下面的能够做到一次性直接全部清除，为什么？

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

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

1 回答http://www.imooc.com/code/1700

2 回答谁能告诉我为啥我这个没反应呀？

1 回答http://www.imooc.com/code/1484

3 回答http://www.imooc.com/code/1696

2 回答谁能告诉我这两段代码有什么不同？为什么上面能执行下面不能

搜索更多本课相关问答

谁能告诉我，这两端代码有啥区别吗（http://www.imooc.com/code/1700）

我要回答关注问题

意见反馈帮助中心 APP下载