为什么它就不能清除节点内容呢?求指点

来源:9-14 删除节点removeChild()

长缨在手1

2017-02-15 16:34

<!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>=0;i--){

//      var childNode = content.childNodes[i];

//      content.removeChild(childNode);

//     }

//   }

function clearText() {

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

  for(var i=0;i<content.length;i++)// 在此完成该函数

  {

      

      var x=content.removeChild(content.firstChild);

     

  }

  

}

</script>


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




</body>

</html>


写回答 关注

2回答

  • qq_浮雲遊子_03977413
    2017-02-23 20:56:17

    content.length意思是id为content的个数  绝壁是1呀

  • 长缨在手1
    2017-02-15 16:42:28

    为什么将for()中的content.length改为5之后,第一次点击会清除两个第二次点击清除三个呢?

    而不是一次性全部清除?

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题