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

看有的同学是正序循环的解法，求大佬解答

for(var i=0;i<content.childNodes.length;i++){
      if(content.childNodes[i].nodeType!=1){
         continue;
      }else{
         content.removeChild(content.childNodes[i]);
      }

      }

这个试了下结果，没问题，不过有个地方想不明白，这个i<content.childNodes.length,这个 content.childNodes.length不是动态变化的吗，因为每次删除一个节点，这个content.childNodes.length就变小了，那岂不是没法遍历完所有的节点？比如有四个节点，i=0的时候，content.childNodes.length是4， i=1的时候，content.childNodes.length就是3了， i=2的时候，content.childNodes.length就是2了，循环就没了，最后的节点压根没遍历到呀。

慕神0996557

2019-03-14

源自：JavaScript进阶篇 9-14

关注问题我要回答

1202

操作

收起

5 回答

慕田峪2370816 回答被采纳 +2 积分
2019-03-18

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

if(content.childNodes[i].nodeType!=1){

document.write("当i为:"+i+" ");

document.write("长度为:"+content.childNodes.length+"<br>");

continue;

}else{

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

document.write("当i为:"+i+" ");

document.write("长度为:"+content.childNodes.length+"<br>");

}

通过这样输出，你就可以看出长度是递减的，i是递增的，存在空白节点，删除一个元素节点，空白节点就会顶上位置。这里最后会留下空白节点（本身这里的if判断就把空白节点留下了）

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

收起回答

LouisDuan

实现了，不知道科学不 function clearText() { var content=document.getElementById("content"); // 在此完成该函数 mylength=content.childNodes.length; for (var i=1; i<mylength; i++){ content.removeChild(content.childNodes[i]); }

2019-03-25 回复有任何疑惑可以回复我~

慕UI3541772
2019-03-27

可以判断数组长度，重置i=-1，确保再次循环i=0, 进而删除所有节点；

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

content.removeChild(childNodes[i]);

x=null;

if(childNodes.length>0){

// alert(i+"长度"+childNodes.length);

i=-1;

}

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

收起回答

LouisDuan
2019-03-25

实现了结果，不知道科学不科学

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<h1>javascript</h1>

<h1>jquery</h1>

</div>

function clearText() {

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

// 在此完成该函数

mylength=content.childNodes.length;

for (var i=1; i<mylength; i++){

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

}

</script>

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

</body>

</html>

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

收起回答

慕神0996557 提问者
2019-03-15

你直接试试log就能看出来，如果没有前面的if条件，实际上是根本遍历不了所有节点的。如果我猜的没错的话，之所以能遍历，并不是因为i一直是0，而是有空节点，那个length会隔一次减1，不会一直减1.并且如果我这个题目要求的删除所有的子节点，包括空白节点，那这个答案就是错的。

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

收起回答

DP_XL

题目要求的就是空白节点也一并删除，答案的思维很明确了，因为删除一次length就会变一次，所以选择逆序删除，从最后一个一直删除到第一个，答案的思路不一定是唯一解，但确实是可读性强、通用的编程思维，真正到职场上写这种乱七八糟的代码，接手项目的人看到都烦

2019-03-30 回复有任何疑惑可以回复我~

阳火锅
2019-03-14

i不会变，i始终是0 只有content.childNodes.length长度会变

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

收起回答

慕神0996557 提问者

。。。i不会变？循环里面最后一个是i++，循环每走一次这个就会执行一次的啊。。怎么可能i一直是0

2019-03-14 回复有任何疑惑可以回复我~

阳火锅回复慕神0996557 提问者

你把循环理解错了。。 for(var i=0; i< 4 ;i++) 循环格式是这样没错吧。。我们拆分来理解: i=0 代表从0开始,0只是一个开始条件。。 i<4这个代表循环的一个结束条件。。 i=0他走完循环始终会保持一个初始值进行++.. 意思就是当长度等于3，i还是从0开始加，长度等于2，i还是从0开始加。。懂不

2019-03-14 回复有任何疑惑可以回复我~

慕神0996557 提问者回复阳火锅

不太懂，循环进行一次之后i不变为了i+1吗。

2019-03-14 回复有任何疑惑可以回复我~