JavaScript相關(guān) for循環(huán)
<!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");
??for(var?i=0;i<content.childNodes.length;i++){
????var?cn=content.childNodes[i];??
????content.removeChild(cn);
??}
}
</script>
<button?onClick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html><!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");
??for(var?i=content.childNodes.length-1;i>=0;i--){
?????var?childNode?=?content.childNodes[i];
?????content.removeChild(childNode);?
??}
}
</script>
<button?onClick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>為什么第二個(gè)能全部清除 而第一個(gè)不能啊
2017-01-05
使用for循環(huán)清除節(jié)點(diǎn)例如：如下代碼會(huì)導(dǎo)致每次點(diǎn)擊都只能清除部分節(jié)點(diǎn)。這是因?yàn)槊看吻宄?jié)點(diǎn)時(shí)childNodes的長(zhǎng)度（即tt.length）都縮短1，而每次I增大1，這樣會(huì)導(dǎo)致i的值還沒有達(dá)到最初的tt.length時(shí)循環(huán)會(huì)比提前結(jié)束；
var tt=content.childNodes;
?for(i=0;i<tt.length;i++);{
? ? ?content.removeChild(tt[1]);
?}
簡(jiǎn)述：正序刪除與倒序刪除的差別
來自：MotoDoctor的解釋。僅供參考