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

删除节点removeChild()，下面代码不是应该一个一个删除的吗？为什么我运行的时候是全部一起删的，这儿不太明白？那一个一个要怎样删除

<!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 a=content.childNodes;
  for(var i=a.length-1;i>=0;i--){     
        var x=content.removeChild(a[0]);    
  }
} 
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>

Charless

2015-08-28

源自：JavaScript进阶篇 9-14

关注问题我要回答

1171

操作

收起

2 回答

zoe0773
2015-09-01

function clearText() {

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

//每单击一次按钮，依次从最后删除一个nodechild，删除break语句后可以一次全部清除节点。

outerloop: //带标签的代码块

for(var i=(content.childNodes.length)-1; i>=0; i--){

var lastnode = content.childNodes[i];

if(lastnode.nodeType==1){

content.removeChild(lastnode);

break outerloop;//可以更精准的指示流程控制

}

}

}

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

非常OK
2015-08-28

function clearText() {
var content=document.getElementById("content");
var a=content.childNodes;
    for(var i=a.length-1;i>=0;i--){
          if(a[i].nodeType=='1'){//判断元素类型为1则是h1,排除掉空格
           content.removeChild(a[i]);
           return false;//每执行一次中断循环
     }
   }
}

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

#1

Charless 提问者

谢谢！

2015-08-29 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

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

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

1 回答removeChild(),删除全部节点时怎样设置的

3 回答怎么一个个的删除呢？

5 回答求教大神，这样为什么不能一下子删除，点一下删一个

搜索更多本课相关问答

删除节点removeChild()，下面代码不是应该一个一个删除的吗？为什么我运行的时候是全部一起删的，这儿不太明白？那一个一个要怎样删除

我要回答关注问题

意见反馈帮助中心 APP下载