问答详情
源自：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 len = content.childNodes.length;

  for(i=0;i<len;i++){

      var x = content.removeChild(content.childNodes[len-2]);

  }

  

}

</script>


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




</body>

</html>



提问者：君黙笑 2021-01-16 16:06

个回答

  • 蜘蛛侦探reg
    2022-04-12 16:08:53

    明白了,判断不能写i<content.childNodes.length;

    这样写var length=content.childNodes.length.

    这样一来length的值就固定了，只需要执行一次就能全部删除。

    <script type="text/javascript">

    function clearText() {

      var content=document.getElementById("content");

      var length=content.childNodes.length;

      for(var i=0;i<length;i++){

          content.removeChild(content.childNodes[0]);

      }

    }

    </script>

    下载视频          

    0
  • weixin_慕九州1422659
    2021-03-24 17:05:53

    一次性清除

    <!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");
      // 在此完成该函数
      for(var i=1;i<content.childNodes.length;i++){
          content.removeChild(content.childNodes[i]);
      }
     
    }
    </script>
    <button onclick="clearText()">清除节点内容</button>
    </body>
    </html>

    0