為什么要點擊兩下才消失？？？？？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</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");
? // 在此完成該函數
? var x = content.childNodes.length;
? for(var i = 0; i < x;i++ )
? {
? ? ? //document.write(x[i]+"<br>");
? ? ? //var s = content.removeChild(x[i]);
? ? ? var x = content.removeChild(content.childNodes[0]);
? ? ? document.write("刪除節點的內容："+x[i].innerHTML+"<br>");
? ? ? s = null;
? }
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
2016-05-26
var x = content.removeChild(content.childNodes[0]); x[i]是什么？x才是返回的節點
還有變量可以設那么多，為什么非要死磕一個x用了還要重新用呢
<script type="text/javascript">
? ?function clearText() {
? ? ? ?var content=document.getElementById("content");
? ? ? ?// 在此完成該函數
? ? ? ?var x = content.childNodes.length;
? ? ? ?for(var i = 0; i < x;i++ )
? ? ? ?{
? ? ? ? ? ?var a = content.removeChild(content.childNodes[0]);
? ? ? ? ? ?if(a.nodeType==3)
? ? ? ? ? ?{document.write("刪除了空節點"+"<br>")}
? ? ? ? ? ?document.write("刪除節點的內容："+a.innerHTML+"<br>");
? ? ? ? ? ?s = null;
? ? ? ?}
? ?}
</script>