關于許多同學的正序倒敘循環問題
<!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");
? // 在此完成該函數
? for(var i=0;i<content.childNodes.length;i++)
? {
? ? ? content.removeChild(content.childNodes[i]);
? }
??
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
以上是正序循環的代碼 但是會發現會留下第二個和第四個節點刪不盡
2019-05-03
不應該在循環中使用length作為循環結束的條件，因為在循環中length會變的。每次循環結束 i++ length--，從循環來考慮，相當于刪除了兩個節點，然而實際上只刪除了一個節點。這就是這個問題bug的來源
2019-04-25
非常感謝，困擾很久的問題總算解決了
2019-03-18
我試了正序 和你的代碼一樣 是可以刪完的
2019-02-05
是因為當循環開始 刪掉第一個節點時 <h1>php</h1>本來在第二個節點變成了第一節點，但下一輪循環i已經加一了，所以會跳過這個節點沒法刪除，? <h1>jquery</h1>同理。所以參考答案用了倒敘循環