问答详情
源自：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");
  // 在此完成该函数
  for(var i=0;i<content.childNodes.length;i++){
      var x =content.removeChild(content.childNodes[i]);
      x=null;
  }
  
}
</script>

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



</body>
</html>


提问者：qq_银色水晶瓶_0 2018-06-11 16:27

个回答

  • 那人那人
    2018-06-14 14:54:16

    这样一次删除

    0
  • 那人那人
    2018-06-14 14:52:17

    for(var i=0;i<content.childNodes.length;i++)
{      
    if(content.childNodes[i]&&content.childNodes[i].nodeType!=1)
    {          
        continue;      
    }else{
          content.removeChild(content.childNodes[i]);
    }    
}


    0
  • qq_银色水晶瓶_0
    2018-06-11 16:29:00

    循环改成i+2及以上都能一次删完。。



    0