                        课程
                    
                        /前端开发
                        
                            /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 content=document.getElementById("content");
  // 在此完成该函数
  var o = document.getElementsByTagName('h1');
  var i=0
  for(i = 0; i<o.length; i--){
      content.removeChild(content.childNodes[i]);
  }
}
</script>

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



</body>
</html>

为什么我这是点两下才删除一个节点呢，哪位大神帮忙解答下

弗拉迪

2015-07-15

源自：JavaScript进阶篇 9-14

关注问题我要回答

992

操作

收起

4 回答

慕田峪9186816
2022-09-08

确实，将浮动之前，先要感性认识普通文档流概念，有助于理解浮动设计初衷。

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

慕莱坞5242466
2022-04-08

例子好你现在学的怎么样了，有没有速成的方法

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

uhelper_net
2015-07-15

childNodes不只是h1等node节点还有你标签的换行回车等文本节点.如果只想删除node节点.建议替换为content.children[i],或者在循环时判断其nodeType==1

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

arlenhui
2015-07-15

<!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>
 

 
<button onclick="clearText()">清除节点内容</button>
 
 <script type="text/javascript">
function clearText() {
  var content=document.getElementById("content");
  // 在此完成该函数
  var a = content.childNodes.length;
  for(var i = 0; i<a; i++){
      content.removeChild(content.childNodes[0]);
  }
}
</script>
 
</body>
</html>

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 467315 人
解答问题 21875 个

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

本课相似问答

3 回答想点击一次删除一个子节点，为什么必须点击两次才能删除一个？？？

1 回答按两次才删除一个子节点

2 回答为什么要点两次才能删除一个节点

3 回答为甚么我每次都要点击两次按钮才能删除一个节点?求解~

2 回答怎样才可以实现点击一次删除一个元素节点？

搜索更多本课相关问答

点击两次才删除一个节点问题

我要回答关注问题

意见反馈帮助中心 APP下载