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

为什么不能一次全清

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

</head>

<body>

<div id="content">

<h1>html</h1>

<h1>php</h1>

<h1>javascript</h1>

<h1>jquery</h1>

<h1>java</h1>

</div>

<script type="text/javascript">

function clearText() {

//var k=0;

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

var a=content.childNodes;

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

content.removeChild(a[i]);

//k++;

}

// document.write(k);

}

</script>

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

</body>

</html>

沈凌松233

2017-02-23

源自：JavaScript进阶篇 9-14

关注问题我要回答

388

操作

收起

4 回答

慕粉1440489053
2017-03-28

他子节点长度是随着FOR循环不断变化的可以在for循环前把长度存入一个变量中

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="content"><h1>html</h1><h1>php</h1><h1>javascript</h1><h1>jquery</h1><h1>java</h1></div>

<script type="text/javascript">
function clearText() {
  var content=document.getElementById("content");
  var x = content.childNodes.length
    var num =0
  for (i=0;i<x;i++){
     content.removeChild(content.firstChild);
      num = num+1
     console.log(num)
}
 }
</script>

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



</body>
</html>

这样就可以实现一次全清

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

慕的地6863477
2017-03-19

当i=3的时候子节点的长度就只有2，循环就不会继续执行了

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

BaconNUDT
2017-02-25

for(var i=0; i<content.childNodes.length;){
      content.removeChild(content.childNodes[i]);
  }

如果非要用for的话，这样就可以了。不需要对i加一，其实这个用while更简单，直接判断子节点个数有没有到0就可以。

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

沈凌松233 提问者
2017-02-23

看了下置顶说不能用length作为判断条件所以做了修改

function clearText() {

//var k=0;

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

var a=content.childNodes;

var k=a.length;

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

content.removeChild(a[i]);

a[i]=null;

//k++;

}

// document.write(k);

}

然而还是不行求大神解惑

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468287 人
解答问题 21893 个

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

本课相似问答

2 回答为什么我不能一次性清除所有节点

2 回答为什么法一能一次性清除，法二要多次清除，能具体解释一下吗

2 回答removeChild()不能一次性清除

1 回答请教高手：为什么我不能一次完全删除呢？

1 回答为什么不能清除？

搜索更多本课相关问答

为什么不能一次全清

我要回答关注问题

意见反馈帮助中心 APP下载