为什么在删除节点的方法中写了输出语句,其他的元素节点会消失?

来源:9-14 删除节点removeChild()

qq_丨银丨_0

2016-08-26 13:59

<!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 childs = content.childNodes;
  for(var i =0;i<childs.length;){
      var x= content.removeChild(childs[i]);
      if(x.nodeType==1){

          document.write(x.innerHTML+"<br/>");//如果加上这句点击清除节点内容,这个按钮会消失

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

写回答 关注

1回答

  • 慕盖茨6170990
    2016-08-26 14:42:30

    因为 你这部分代码:

     if(x.nodeType==1){

              document.write(x.innerHTML+"<br/>");//如果加上这句点击清除节点内容,这个按钮会消失

          }

    是输出清除后的元素的内容,所以按钮就不见了,按钮不是元素。

    慕盖茨617... 回复qq_丨银丨...

    对啊,

    2016-09-06 09:20:38

    共 2 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题