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

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

      var y=content.removeChild(content.childNodes[i]);

  }

  

}

</script>


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




</body>

</html>


提问者:慕粉4032221 2016-10-15 09:48

个回答

  • 慕粉4032221
    2016-10-26 13:14:35

    我就是那样写的,我换了那个i的初始值就可以解决了


  • root_zhb
    2016-10-15 19:14:04

    首先获取  id="content"的节点,再获取它子节点的长度(数量),然后遍历删除