问答详情
源自: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 content1=document.getElementById("content");

  var content2=content1.childNodes;

  var content3=content2.length;

 // 在此完成该函数

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

     content1.removeChild(content2[i]);

  }

}

</script>


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




</body>

</html>


提问者:qq_普通人_1 2015-10-13 19:26

个回答

  • qq_普通人_1
    2015-10-13 19:32:19

    脑袋一下短路了,我知道怎么回事了

  • qq_普通人_1
    2015-10-13 19:30:10

    这样的结果是,按钮第一次,先删除空格元素,然后再点几次才删完。但我发现在var content3=content2.length;

    后加document.write("");程序就可以一次性删完,这是为什么,求解