欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 存在陷阱 刪除某一區(qū)域所有節(jié)點(diǎn)

 更新時(shí)間：2010年05月10日 18:48:33   作者：  
實(shí)現(xiàn)功能:刪除某一區(qū)域中所有節(jié)點(diǎn)。
比較簡單的，例如：有一區(qū)域<div id="newbody" ></div>，現(xiàn)要求刪除其中所有節(jié)點(diǎn)。相信很多人會(huì)這樣寫：
復(fù)制代碼 代碼如下:

var divpanel = document.getElementById("newbody");
var controlinfo= divpanel.childNodes;
for(var index = 0;index < controlinfo.length ;index++)
{
　　divpanel.removeChild(controlinfo[index]);
}

咋一看，是啊，對啊，這樣很正確啊，一個(gè)一個(gè)遍歷，最后全部刪除。但是，仔細(xì)想想，每當(dāng)刪除一個(gè)節(jié)點(diǎn)后，controlinfo.length就會(huì)變小，這樣下去是不能全部刪除的——存在Bug。那么該如何改進(jìn)呢？已經(jīng)很清楚了，既然從開頭Start不行，那我們就從結(jié)尾Start，完全正確，如下：
復(fù)制代碼 代碼如下:

var divpanel = document.getElementById("newbody");
var controlinfo= divpanel.childNodes;
for(var index = controlinfo.length - 1;index >= 0 ;index--)
{
　　divpanel.removeChild(controlinfo[index]);
}

調(diào)試，Very Good！

這種陷阱不只是在JavaScript中才會(huì)碰到，基本上所有的語言，如C#、Java等，我們都會(huì)碰到這樣的問題，有時(shí)會(huì)因?yàn)檫@樣的問題而浪費(fèi)很多的時(shí)間。很早就已經(jīng)知道了這個(gè)問題，不過總是太相信自己的記憶，而沒有好好記錄，現(xiàn)在特記錄下來，警示自己，同時(shí)也與大家分享。

相關(guān)文章

最新評(píng)論