前端开发javascript

凌传洲 发布于 2015/07/23 16:26
阅读 63
收藏 0
<!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 cont=content.childNodes[i];

      content.removeChild(cont);

另一个for循环条件:

for(var i=0; i<content.childNodes.length;i++){
      var cont=content.childNodes[i];
      content.removeChild(cont);
  }

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

</body>
</html>
这两个到底本质区别在哪里?前一个可以一次性删除全部子节点内容,而后一个却不可以!
加载中
返回顶部
顶部