為什么我總是需要按兩下按鈕才反應
源代碼如下：
<!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 nodes=content.childNodes;
? for(var i=0;i<nodes.length;i++){
???? content.removeChild(nodes[0]);
???? break;
? }
?
}
</script>
<button onclick="clearText()" onclick="clearText()">清除節點內容</button>
</body>
</html>
2015-11-30
看看這個兩個的區別?children和childnodes，修改為children就可以了。
childNodes 屬性，標準的，它返回指定元素的子元素集合，包括HTML節點，所有屬性，文本。
children 屬性，非標準的，它返回指定元素的子元素集合。經測試，它只返回HTML節點，甚至不返回文本節點。且在所有瀏覽器下表現驚人的一致
2015-11-30
function clearText() {
? var content=document.getElementById("content");
? for(var i=content.childNodes.length-1;i>=0;i--){
? ? ?var childNode = content.childNodes[i];
? ? ?content.removeChild(childNode);
? }
}
2015-11-30
按兩下按鈕？哪里的按鈕？