                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

for循環里用var i=0;i<content.childNodes.length;i++為什么實現不了？

for循環從0到子節點長度的值，就無法實現清楚，反過來從子節點長度的值到0，就可以實現，為什么呢？

大夢Diamond

2016-08-30

源自：JavaScript進階篇 9-14

關注問題我要回答

1143

操作

收起

3 回答

qq_TheReborn_14018667
2016-09-24

function?clearText()?{
??var?content=document.getElementById("content");
??//?在此完成該函數
??var?a?=?content.childNodes;
??for?(var?i?=?0;?i?<?a.length;?i++){
??????content.removeChild(?content.childNodes[0]?);
??????i--;
??}
}
</script>

0 回復有任何疑惑可以回復我~

收起回答

慕用5675268
2016-08-31

1.用.length來限定for循環次數的時候，length的長度會變。數組里面的[i]也是變化的。
2.空白文本的節點也是要考慮進去的。（這也是為什么例子里面是childNodes[1]而不是childNodes[0]的原因，因為[0]是空白節點）

1 回復有任何疑惑可以回復我~

收起回答

慕絲4318731

請問為什么length的長度會變長，而且就算考慮了空白節點，但是也不影響刪除??？

2016-09-05 回復有任何疑惑可以回復我~

慕用5675268 回復慕絲4318731

我是這樣理解的啊，可以幫助理解，但是不保證正確。h1 的標簽，還有空白便簽，差不多11個對吧，然后你用i++正向刪除的話，每刪除一個，這個content.childNodes.length，就在變化對吧，循環一次，少一個，其次，你用正向刪除的話，i=0，刪第一個，其實是刪除的空白節點，刪除之后，你的第一個h1標簽，就變成了第一個節點了，i=1的時候，就開始刪除第2個節點了，這個時候刪除的是第一個h1標簽后面的空白節點。依次類推，每刪除一個，你的節點就會往前進一個的，所以倒序刪除的話，前面的順序都是不變的。

2016-09-06 回復有任何疑惑可以回復我~

慕絲4318731 回復慕用5675268

謝謝！明白了

2016-09-09 回復有任何疑惑可以回復我~