加上輸出語句就能一次性刪除,不加就不能,這么神奇,哪里錯了?
<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");
? var x=content.childNodes;
? document.write(x.length);???// 就是這一句,加上這一句才能一次性刪除,為什么?
? for(var i=0;i<x.length;i++)
? {
??? content.removeChild(x[0]);?
? }
}
</script>
<button onclick="clearText()">清除節(jié)點內(nèi)容</button>
2016-05-31
同問……為什么輸出一句就不能繼續(xù)執(zhí)行了呢…………
2016-05-15
document.write(x.length);???// 就是這一句,加上這一句才能一次性刪除,為什么?
你加這句不是說一次刪除了你的節(jié)點,這是錯誤的。是因為你方法里面有一個輸出語句,你點擊你的方法所以觸發(fā)了你寫的輸出語句,所以頁面要輸出你寫的輸出語句里面的結(jié)果,你看到的頁面就是你輸出語句的結(jié)果,并不是你刪除了你所有的節(jié)點。輸出語句本身不帶刪除功能的。