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)減一。
因此正確的操作方法是:
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]);
}
其中g(shù)ift_list為一個(gè)table的id
復(fù)制代碼 代碼如下:
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]);
}
您可能感興趣的文章:
- JavaScript中removeChild 方法開發(fā)示例代碼
- Javascript removeChild()刪除節(jié)點(diǎn)及刪除子節(jié)點(diǎn)的方法
- JavaScript的removeChild()函數(shù)用法詳解
- javascript刪除元素節(jié)點(diǎn)removeChild()用法實(shí)例
- js使用removeChild方法動(dòng)態(tài)刪除div元素
- javascript移出節(jié)點(diǎn)removeChild()使用介紹
- javascript removeChild 導(dǎo)致的內(nèi)存泄漏
- js removeChild 障眼法 可能出現(xiàn)的錯(cuò)誤
- js removeChild 方法深入理解
相關(guān)文章
JavaScript實(shí)現(xiàn)雙向鏈表過程解析
這篇文章主要介紹了利用JavaScript實(shí)現(xiàn)雙向鏈表以及它的封裝和常用操作,文中的示例代碼講解詳細(xì),對(duì)日常的學(xué)習(xí)和工作都有一定的價(jià)值,快來和小編一起學(xué)習(xí)吧2021-12-12JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關(guān)資料,需要的朋友可以參考下2016-02-02Javascript load Page,load css,load js實(shí)現(xiàn)代碼
通過js動(dòng)態(tài)載入頁面和css或js的實(shí)現(xiàn)代碼,需要的朋友可以參考下。國外人寫的,可以參考下。2010-03-03Bootstrap實(shí)現(xiàn)默認(rèn)導(dǎo)航欄效果
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)默認(rèn)導(dǎo)航欄效果,導(dǎo)航欄是一個(gè)很好的功能,是Bootstrap網(wǎng)站的一個(gè)突出特點(diǎn),本文帶領(lǐng)大家學(xué)習(xí)實(shí)現(xiàn)Bootstrap導(dǎo)航欄,需要的朋友可以參考下2015-12-12JavaScript中定時(shí)控制Throttle、Debounce和Immediate詳解
大家可能都知道JavaScript遵循事件驅(qū)動(dòng)的編程范例,這意味著一些行為可以激活一些響應(yīng),并且這些響應(yīng)僅在發(fā)生特定的行為時(shí)才被激活。這篇文章將給大家詳細(xì)介紹JavaScript中的定時(shí)控制Throttle、Debounce和Immediate,有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-11-11JavaScript中數(shù)組slice和splice的對(duì)比小結(jié)
相信對(duì)很多學(xué)習(xí)JavaScript語言的人來說,都會(huì)經(jīng)常搞不清slice和splice這兩個(gè)方法。它們雖然名稱相似,但是功能卻完全不同。所以這篇文章就給大家詳細(xì)整理了關(guān)于JavaScript中數(shù)組slice和splice的對(duì)比,有需要的可以參考學(xué)習(xí)。2016-09-09JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法,以實(shí)例形式分析了JavaScript實(shí)現(xiàn)可關(guān)閉的半透明浮動(dòng)層相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10