為什么我總是需要按兩下按鈕才反應(yīng)
源代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無(wú)標(biāo)題文檔</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");
? // 在此完成該函數(shù)
? var nodes=content.childNodes;
? for(var i=0;i<nodes.length;i++){
???? content.removeChild(nodes[0]);
???? break;
? }
?
}
</script>
<button onclick="clearText()" onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2015-11-30
看看這個(gè)兩個(gè)的區(qū)別?children和childnodes，修改為children就可以了。
childNodes 屬性，標(biāo)準(zhǔn)的，它返回指定元素的子元素集合，包括HTML節(jié)點(diǎn)，所有屬性，文本。
children 屬性，非標(biāo)準(zhǔn)的，它返回指定元素的子元素集合。經(jīng)測(cè)試，它只返回HTML節(jié)點(diǎn)，甚至不返回文本節(jié)點(diǎn)。且在所有瀏覽器下表現(xiàn)驚人的一致
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
按兩下按鈕？哪里的按鈕？