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

怎么点击第一下没有反应，然后再点击一下删除了3个，然后再点击依次删除一个

<!DOCTYPE HTML>

<html>

<head>

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

</head>

<body>

<h1>javascript</h1>

<h1>jquery</h1>

</div>

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>

天问_0004

2014-11-13

源自：JavaScript进阶篇 9-14

关注问题我要回答

15856

操作

收起

48 回答

ITer在路上
2015-07-20

我发现问题在于for循环里面的i值的变化，不是应该++，而是应该--；你们谈论了那么久，<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var o = content.childNodes.length;
var i=0
for(i = 1; i<o; i--){
content.removeChild(content.childNodes[i]);
}
}
</script>

这样问题就搞定了

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

收起回答

空山骊语

嗯嗯，还是你这个方法有效

2016-05-17 回复有任何疑惑可以回复我~

在天一涯

为什么FOR里面I初始赋值为1

2018-02-12 回复有任何疑惑可以回复我~

善始者实凡
2015-06-09

还有这个啊高大上

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

收起回答

恰北北
2015-05-14

length不断改变，子节点的数组也在改变

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

收起回答

日月星辰海
2015-04-17

呵呵，，，

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

收起回答

BeyondWords
2015-04-08

给老师点赞很清晰的讲解

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

收起回答

Newsimple
2015-04-06

厉害，原来content.childNodes.length是个变量了！

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

收起回答

Ctrls
2015-02-05

棒棒的！

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

收起回答

dotasfans
2015-01-23

理解这个问题！看完置顶回答后再做个试验就一目了然！在每个空白处，原来不是没有文本么，自己输入文本，比如依次1-6！这时就会发现第一次点击按钮删除的是1-6这6个数字，然后再点击才删除的是前3个！对于第二次只是删除了前三个，就是楼上的置顶解释，因为动态变化。

function clearText() {
  var content=document.getElementById("content");
  // 在此完成该函数 
  var childnode=content.childNodes;
  var num=childnode.length; 
  //document.write(num);
  for(var i=0;i<num;i++){
      content.removeChild(childnode[i]); 
  }
}

这里再说明一下为何删除1-6！我的代码中childnode=content.childNodes,这里childnode其实是c++中引用的意思，也就是他只是别名，是没有内存空间的，与下面的num=childnode.length不同，这个num是不会再随着节点的动态变化而变化了，因为他有自己的空间，且空间中存储了相应的值，你不去做变动，它是不会变化的。而前面的childnode由于是引用，也就是他本质是content.childNodes的值，是动态变化的，也就是这里的子节点在动态变化！这样子节点每次删除一次后前移1个，i又加1刚好就是全部删除的都是文本，也就是我这里加入的1-6！

至于删到6循环停止了，那就是再往后循环在继续，已经没有可以删除的东西了，所以看到的效果是只删除到最后一个文本了，但实际循环还是做满了11次停止，之后后面没内容了！

说了这么多，就这样吧！再多说自己也晕了，按规范搞法就行，想这么多没有意义！

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

收起回答

qq_紫牛_1

这个代码运行之后还是不能一次全部删除啊

2016-01-27 回复有任何疑惑可以回复我~

prettywinter 回复 qq_紫牛_1

function clearText() { var content=document.getElementById("content"); // 在此完成该函数 var childnode=content.childNodes; var num=childnode.length; //document.write(num); for(var i=0;i<num;i++){ content.removeChild(childnode[0]); } }

2016-02-17 回复有任何疑惑可以回复我~

逃离星球回复 prettywinter

请问为什么应该content.removeChild(childnode[0]); 而不是content.removeChild(childnode[i]); 0和i搞不懂啊啊

2016-04-05 回复有任何疑惑可以回复我~