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

为什么一开始要按两下才开始删除节点，而且一下删除两个。后面就是按一下删除一个了？

function clearText() {

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

// 在此完成该函数

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

var cinchild = content.childNodes[i];

content.removeChild(cinchild);

}

看完这位大师的讲解，小的还是不理解，为什么第一次做的时后只会删去空值，而不是全部删除呢?

__5yu__

2020-08-02

源自：JavaScript进阶篇 9-14

关注问题我要回答

785

操作

收起

2 回答

weixin_慕九州1422659
2021-03-24

function clearText() {

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

// 在此完成该函数

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

var cinchild = content.childNodes[i];

content.removeChild(cinchild);

}

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

收起回答

裸奔白菜
2020-08-13

原因是conten.childNodes一直在变
简单分解下：

第一次循环, i=0, 此时删除的是第一个#text(空文本节点)，这应该没有疑问，删除后数组就变为：["html","#text","php","#text","javascript","#text","jquery","#text","java","#text"]， length为10
那么第二次循环，i=1, 此时的childNodes[1]操作的就是第一次删除后得到的数组，那么当然是#text(原有的第二个空文本节点)
....
以此内推，现在就应该懂了