<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=0;i<content.childNodes.length;i++){
var mynode=content.removeChild(content.childNodes[i]);
mynode=null;
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
2016-08-03
因为当你执行了removeChild方法后，content.childNodes.length的值，以及content.childNodes[i]都发生了变化。比如题中有5个子节点，当删除第1个子节点(html)，即content.childNode[0]后，原先的第2个子节点（php)已经变成第1个子节点了，conten.childNodes.length也从5变成了4 。所以想一次删除的方法应该是：
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var content_child=content.childNodes;
var child_length=content_child.length;
for(var i=0;i<child_length;i++){
content.removeChild(content_child[0]);
}
}
举报
