问答详情
源自:9-14 删除节点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 x = content.childNodes.length;

  for(var i = 0; i < x;i++ )

  {

      //document.write(x[i]+"<br>");

      //var s = content.removeChild(x[i]);

      var x = content.removeChild(content.childNodes[0]);

      document.write("删除节点的内容:"+x[i].innerHTML+"<br>");

      s = null;

  }

}

</script>


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




</body>

</html>


提问者:我是烟火 2016-05-26 15:32

个回答

  • kuban
    2016-05-26 16:20:58

    var x = content.removeChild(content.childNodes[0]); x[i]是什么?x才是返回的节点

    还有变量可以设那么多,为什么非要死磕一个x用了还要重新用呢

    <script type="text/javascript">
       function clearText() {
           var content=document.getElementById("content");
           // 在此完成该函数
           var x = content.childNodes.length;
           for(var i = 0; i < x;i++ )
           {
               var a = content.removeChild(content.childNodes[0]);
               if(a.nodeType==3)
               {document.write("删除了空节点"+"<br>")}
               document.write("删除节点的内容:"+a.innerHTML+"<br>");
               s = null;
           }
       }
    </script>