循环全删-慕课网

循环全删

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

单车上的阿凡提

2014-11-08 03:07

如需循环删除要最后往前删除用FOR就不大合适了

<!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");
  // 在此完成该函数
  while(content.hasChildNodes())
  {
     var x=content.removeChild(content.lastChild);
     x=null;
  }
}
</script>

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



</body>
</html>

写回答关注