為什么沒有看到效果
<!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 rChild=content.chileNodes;
? for(var i=0;i<rChild.length;i++){
? ? ? var x=content.removeChild(rChild[i])
? ? ? document.write("清除節點"+x)
? }
??
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
2016-02-20
你的代碼有錯誤，
var rChild=content.chileNodes;
var rChild=content.childNodes;//e和d
如果沒有錯了（再檢查檢查），多點幾次，就有結果了
補充：
你的這種寫法，同樣的代碼清除所有內容，不同的瀏覽器點擊的次數不同，
因為
如果標簽外的空白是一個元素，每刪出一個結點的同時，content.childNodes的每個元素就變化一次（刪除第一個，以后的每個元素向前移動）,而i卻一直在增大，導致點擊一次元素不能刪除完；
這樣寫能一次刪除完，樓組可以參考一下，
var?nodes?=?content.childNodes; ??for(i=content.childNodes.length-1;i>=0;i--){ ????????content.removeChild(nodes[i]); ????}