<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標(biāo)題文檔</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");
??//?在此完成該函數(shù)
??var?childnodes?=?content.childNodes;
for(var?i?=?0;?i<?childnodes.length;?i++){
????content.removeChild(childnodes[i]);
????}
}
</script>
<button?onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2015-09-28
1)var arr=content.getElementsByTagName('li');
獲取的childnodes對(duì)象時(shí)一個(gè)動(dòng)態(tài)集合對(duì)象，而非靜態(tài)的
什么意思呢，就是當(dāng)你添加或刪除一個(gè)元素時(shí)，childnodes對(duì)象時(shí)會(huì)立馬變化的
2)你在for循環(huán)中每次都在計(jì)算長度childnodes.length
那么結(jié)合1)出現(xiàn)的結(jié)果是，你刪除一個(gè)元素，長度就會(huì)少1，那么后面的元素你就永遠(yuǎn)刪除不了
你算下，初始長度為5，你可以刪除3個(gè),點(diǎn)擊刪除1個(gè)，點(diǎn)擊全部刪除
2015-11-03
請(qǐng)問這個(gè)問題您解決了嗎，我也是碰到這個(gè)問題想不通
2015-09-28
這里的5指你得見的部分h1,方便測(cè)試。
2015-09-28
你沒有排除空白的文本節(jié)點(diǎn)，打印一下childnodes.length，可以看到它不是你想象中的5。因?yàn)槊總€(gè)h1標(biāo)簽后都有一個(gè)空白的文本節(jié)點(diǎn)，所以你必須點(diǎn)擊按鈕三四次才能完全清除