快捷導(dǎo)航

javascript removeChild 使用注意事項(xiàng)

更新時(shí)間：2009年04月11日 11:24:45 作者：

removeChild的注意事項(xiàng)。大家可以參考下。

假如：一段普通的代碼：
其中g(shù)ift_list為一個(gè)table的id

var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0]; 
var giftTrs = giftBody.getElementsByTagName("tr"); 
for (var i=0;i<giftTrs.length;i++) 
{ 
giftTrs[i].removeChild(giftTrs[i]); 
} 

那么這時(shí)候只會(huì)刪除第一行，因?yàn)楫?dāng)刪除了一個(gè)之后，行的位置會(huì)向前移動(dòng)一位。
giftTrs.length也會(huì)相應(yīng)減一。
因此正確的操作方法是：

復(fù)制代碼代碼如下:

var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0]; 
var giftTrs = giftBody.getElementsByTagName("tr"); 
var len = giftTrs.length; //需要將giftTrs.length的length屬性存儲(chǔ)起來 
for (var i=0;i<len;i++) 
{ 
giftBody.removeChild(giftTrs[0]); 
}

您可能感興趣的文章:

相關(guān)文章

客戶端限制只能上傳jpg格式圖片的js代碼
客戶端限制只能上傳jpg格式圖片的js代碼,對(duì)用戶體驗(yàn)較好，適合網(wǎng)頁中只能使用jpg格式圖片的情況。
2010-12-12
this[] 指的是什么內(nèi)容討論
this[] 指的是什么內(nèi)容討論...
2007-03-03
微信小程序?qū)崿F(xiàn)pdf、word等格式文件上傳的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)pdf,word等格式文件上傳的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-09-09
JS模擬瀏覽器實(shí)現(xiàn)全局搜索功能
這篇文章主要介紹了JS模擬瀏覽器實(shí)現(xiàn)全局搜索功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-09-09
Bootstrap DateTime Picker日歷控件簡(jiǎn)單應(yīng)用
這篇文章主要介紹了Bootstrap DateTime Picker日歷控件的簡(jiǎn)單應(yīng)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
防止網(wǎng)站內(nèi)容被小偷采集的js代碼
防止網(wǎng)站內(nèi)容被小偷采集的js代碼...
2006-09-09
JS中間件設(shè)計(jì)模式的深入探討與實(shí)例分析
這篇文章主要介紹了JS中間件設(shè)計(jì)模式,結(jié)合實(shí)例形式分析了JS中間件設(shè)計(jì)模式功能、原理、應(yīng)用場(chǎng)景及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
javascript 解析url的search方法
在做UI的時(shí)候，有時(shí)會(huì)要解析url的search部分，裝了一個(gè)實(shí)用方法，共享給大家。
2010-02-02
微信小程序?qū)崿F(xiàn)選擇地址省市區(qū)三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選擇地址省市區(qū)三級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
淺析showModalDialog數(shù)據(jù)緩存問題(用禁止瀏覽器緩存解決)
在使用showModalDialog彈出窗口時(shí)，顯示的數(shù)據(jù)是上次修改前的數(shù)據(jù)，這是因?yàn)槟J(rèn)情況下頁面保存了緩存，所以顯示的數(shù)據(jù)并不是修改后的情況
2013-07-07