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

为什么点击 清除节点内容 会只剩一个html?

<!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=content.childNodes.length-1; i>=2; i--){
    var childNode = content.childNodes[i];
    content.removeChild(childNode);
  }

}

</script>

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



</body>
</html>


提问者：无色猫 2016-08-04 17:49

个回答

  • 慕移动9181930
    2022-03-25 10:37:30

    少了图片来源的路径不错，加油。

    0
  • 无知的狗3576298
    2016-08-08 17:18:35

    循环条件得是 i>=0 ，如果是i>=2的话，其实你剩下的不只是一个html，还有一个文本节点没有删掉，看看前几张节点的内容，会有帮助。


    function clearText() {

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

      // 在此完成该函数

      var num = content.childNodes.length;

      for (var i=num-1;i>=0;i--){

          var node = content.childNodes[i];

          content.removeChild(node);

      }

    }

    0
  • 水里有条鱼
    2016-08-04 22:02:32

    for(var i=content.childNodes.length-1; i>=2; i--)

    不懂你为什么要大于等于2，大于等于1不就好了

    0