這個的效果點擊第一次沒有清楚任何節(jié)點的內容,點擊第二次的時候清了上面的三個,點擊第三次的時候清了一個,第四次點擊清除了最后一個,但是不知道是為什么,誰能解答一下
<!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++){
? ? ? var y=content.removeChild(content.childNodes[i]);
? }
??
}
</script>
<button onclick="clearText()">清除節(jié)點內容</button>
</body>
</html>
2016-10-15
? for(var i=0; i<x; i++)這里要改成for(var i=x-1;i>=0;i--)才能完全清除,因為每清除一個節(jié)點,它的長度就變小,所以不能定義i=0;i<x
2016-10-26
嗯是的,我就是那樣改了i的值以后才有用的