为了账号安全,请及时绑定邮箱和手机立即绑定

加上输出语句就能一次性删除,不加就不能,这么神奇,哪里错了?

<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;
  document.write(x.length);   // 就是这一句,加上这一句才能一次性删除,为什么?
  for(var i=0;i<x.length;i++)
  {
    content.removeChild(x[0]); 
  }
}
</script>


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


正在回答

3 回答

同问……为什么输出一句就不能继续执行了呢…………

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

document.write(x.length);   // 就是这一句,加上这一句才能一次性删除,为什么?


你加这句不是说一次删除了你的节点,这是错误的。是因为你方法里面有一个输出语句,你点击你的方法所以触发了你写的输出语句,所以页面要输出你写的输出语句里面的结果,你看到的页面就是你输出语句的结果,并不是你删除了你所有的节点。输出语句本身不带删除功能的。

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

举报

0/150
提交
取消

加上输出语句就能一次性删除,不加就不能,这么神奇,哪里错了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信