把document.write(elength+'</br>'+content.childNodes.length+'</br>');注釋掉會分次刪除子節點,否則會一次性刪除所有子節點,為什么是這個效果
</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">
var content=document.getElementById("content");
var elength=content.childNodes.length;
function clearText() {
? // 在此完成該函數
? for(var i=0;i<elength;i++){
? ? var chnode=content.childNodes[i];
? ? content.removeChild(chnode);?
? ? document.write(elength+'</br>'+content.childNodes.length+'</br>');
? }
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
2016-02-16
應該是文檔節點的問題,具體的,如果把上面的改成這樣,那么就能夠一次性清除了。
<div id="content"><h1>
html</h1>
<h1>
php</h1>
<h1>
javascript</h1>
<h1>
jquery</h1>
<h1>
java</h1>
</div>