                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

for循環(huán)里用var i=0;i<content.childNodes.length;i++為什么實(shí)現(xiàn)不了？

for循環(huán)從0到子節(jié)點(diǎn)長(zhǎng)度的值，就無(wú)法實(shí)現(xiàn)清楚，反過(guò)來(lái)從子節(jié)點(diǎn)長(zhǎng)度的值到0，就可以實(shí)現(xiàn)，為什么呢？

大夢(mèng)Diamond

2016-08-30

源自：JavaScript進(jìn)階篇 9-14

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

1138

操作

收起

3 回答

qq_TheReborn_14018667
2016-09-24

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

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

收起回答

慕用5675268
2016-08-31

1.用.length來(lái)限定for循環(huán)次數(shù)的時(shí)候，length的長(zhǎng)度會(huì)變。數(shù)組里面的[i]也是變化的。
2.空白文本的節(jié)點(diǎn)也是要考慮進(jìn)去的。（這也是為什么例子里面是childNodes[1]而不是childNodes[0]的原因，因?yàn)閇0]是空白節(jié)點(diǎn)）

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

收起回答

#1

慕絲4318731

請(qǐng)問(wèn)為什么length的長(zhǎng)度會(huì)變長(zhǎng)，而且就算考慮了空白節(jié)點(diǎn)，但是也不影響刪除??？

2016-09-05 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕用5675268 回復(fù) 慕絲4318731

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

2016-09-06 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕絲4318731 回復(fù) 慕用5675268

謝謝！明白了

2016-09-09 回復(fù) 有任何疑惑可以回復(fù)我~