                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什么for循環(huán)那里的i - - 換成 i + + 就可以倒著一個一個刪除呢？而i - - 是一次性全部刪除。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>

<body>
<div id="content">
? <h1>html</h1>
? <h1>php</h1>
? <h1>javascript</h1>
? <h1>jquery</h1>
? <h1>java</h1>
</div>

</body>
</html>

Moomin6

2018-10-12

源自：JavaScript進階篇 9-14

關(guān)注問題我要回答

2831

操作

收起

1 回答

迷茫中滾打
2018-10-12

假設(shè)你所說的 i++ 是下面這個：

var?x=content.childNodes;
??for(var?i=0;?i<x.length?;?i++){
??????content.removeChild(x[i]);
??}

上面代碼實現(xiàn)的效果也不是一個一個地刪除，而是跳著刪除。如點按鈕一下，下面 5 個標(biāo)簽中的 1、3、5 會先刪除，再點按鈕一下才會把剩下的 2 刪除，第三次按鈕才把 4 刪除。

<h1>html</h1>?????????//?1?????
<h1>php</h1>??????????//?2????
<h1>javascript</h1>???//?3????????
<h1>jquery</h1>???????//?4????
<h1>java</h1>?????????//?5

因為當(dāng)先把第一個子節(jié)點刪除后，后面的子節(jié)點的索引就重新編號了：原來的第2個子節(jié)點會變成第1個子節(jié)點，第3個子節(jié)點會變成第2個子節(jié)點，但循環(huán)變量 i 是從 0、1、2... 順序增長，所以會出現(xiàn)上述跳著刪除的現(xiàn)象。

但“i--”（如你所寫的代碼）的情況下是從最后一個子節(jié)點開始刪除，并不會影響前面子節(jié)點的索引值，所以一次遍歷完 i 后，即可全部刪除子節(jié)點。

17 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Moomin6 提問者

var x=content.childNodes; for(var i=x.length-1; i>=0 ; i++){ content.removeChild(x[i]); } 你好呀是這個代碼從后面一個一個刪除呢當(dāng)時是我寫錯了忘記把i++換成i-- 結(jié)果發(fā)現(xiàn)竟然能倒著刪除可是i++以后是比x的長度越來越長的為什么它還能夠刪除那五個節(jié)點呢還有謝謝你的解答呀這也是我之前出錯的地方