removeChild問題
<div id="content">
<h1>html</h1>
<h2>php</h2>
<h3>javascript</h3>
<h4>jquery</h4>
<h5>java</h5>
</div>
<script type="text/javascript">
function clearText(){
var content=document.getElementById("content");
var cnode = content.childNodes;
for(var i = 0; i < cnode.length; i++){
/*document.write( cnode[i].nodeName + "a" + "<br />");
document.write( cnode[i].nodeType + "b" + "<br />");
document.write( cnode[i].nodeValue + "c" + "<br />");*/
? ? content.removeChild(cnode[i]);
}
}
</script>
<button onclick="clearText()">清除節點內容</button>
為什么要點擊兩次按鈕才能刪除#content中的幾個元素?是瀏覽器節點bug問題嗎
2016-06-24
while(content.childNodes.length)?{ ??content.removeChild(content.lastChild); }抖個機靈跑
2016-06-16
你把 for( )循環語句更改一下，(i=cnode.length,i>=0;i++)? 因為正序刪除 ，每次i都變
2016-06-16
這是瀏覽器的原音，你用的瀏覽器中會將空白節點也轉換為其中的一個節點，你第一次刪除的是空白節點，第二次才刪除到元素，如果你有疑問的話? 可以將每次刪除的內容的nodeValue和nodeName輸出看看，就知道了，
如果你將div內的換行去掉應該就沒了。