<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標題文檔</title>
</head>
<body>
<div?id="content">1
??<h1>html</h1>2
??<h1>php</h1>3
??<h1>javascript</h1>4
??<h1>jquery</h1>5
??<h1>java</h1>6
</div>
<script?type="text/javascript">
function?clearText()?{
??var?content=document.getElementById("content");
??//?在此完成該函數
??
??//法一,一次性清除節點內容
??var?l?=?content.childNodes.length;
??for(var?i=0;i<l;i++){
??????if(content.childNodes[i].nodeType!=1){???
??????
?????????continue;??
??????}else{
????????var?x=?content.removeChild(content.childNodes[i]);????
document.write(x.innerHTML+"<br/>");
????????x=null;
??????}
?????????
??????}
??//法二,一次性清除節點內容
/*???
???for(var?i=content.childNodes.length-1;i>=0;i--){
??????var?chnode=content.childNodes[i];
??????content.removeChild(chnode);??
???}
*/?
??//法三,多次方清除節點內容
/*
???for(var?i=0;i<content.childNodes.length;i++){
????var?chnode=content.childNodes[i];
????content.removeChild(chnode);??
??}
*/
??
??}
??
</script>
<button?onclick="clearText()"??title="懸浮title">清除節點內容</button>
</body>
</html>
2016-05-31
消失原因是執行document.write時文檔流已關閉，而document.write是打開文檔流再寫入，此時是一個新的頁面，按鈕在舊的頁面上，所以看不到了。具體可以查查“為什么document.write()會清空原來的內容”，有前輩給了詳細例子與解釋。