刪除節(jié)點(diǎn)的問(wèn)題
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無(wú)標(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ù)
????//for(var?i=0;i<=content.childNodes.length;i++){
????????var?x=content.removeChild(content.childNodes[0]);
????????x=null;
????//}
????????
????????
????//}
??
??
}
</script>
<button?onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>為什么要點(diǎn)兩下才能觸發(fā)事件
2016-12-14
因?yàn)榇嬖诳瞻坠?jié)點(diǎn)，content的第0個(gè)子節(jié)點(diǎn)是空白節(jié)點(diǎn)。如果用document.write(content.childNodes.length);來(lái)檢驗(yàn)一下，就明白了。看上去結(jié)果應(yīng)該是6，但實(shí)際結(jié)果是11.
2016-12-11
第一下沒(méi)反應(yīng)的是刪除的空白節(jié)點(diǎn)。
你這樣寫(xiě)一行的話，就沒(méi)有空白節(jié)點(diǎn)了。