问答详情
源自:9-14 删除节点removeChild()

请问这种写法是否有问题?

代码运行没错误,但看了同学代码心虚了,自己写得好烂。

提问者:慕斯卡9402741 2016-01-16 00:14

个回答

  • 努力提升
    2016-01-18 10:38:39

    你这种写法没有问题,是一次性全部都删除。

    也可以一条一条删除

    <!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 conCN = content.childNodes;
      while ( (conCN.length > 0) && (conCN[0].nodeType != 1) )
      {
           content.removeChild(conCN[0]);
      }
      //回显已删除
      var newDiv = document.createElement("div");
      if (conCN.length >0)
      {
          var rmNode = content.removeChild(conCN[0]);
          newDiv.innerHTML = "clear \"" + rmNode.innerHTML + "\" done!";
      }
      else
      {
          newDiv.innerHTML = "there is no node!"
      }
      content.parentNode.appendChild(newDiv);
    }
    </script>

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

    </body>
    </html>