javascript removeChild 使用注意事項
更新時間:2009年04月11日 11:24:45 作者:
removeChild的注意事項。大家可以參考下。
假如:一段普通的代碼:
其中g(shù)ift_list為一個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]);
}
那么這時候只會刪除第一行,因為當刪除了一個之后,行的位置會向前移動一位。
giftTrs.length也會相應(yīng)減一。
因此正確的操作方法是:
var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0];
var giftTrs = giftBody.getElementsByTagName("tr");
var len = giftTrs.length; //需要將giftTrs.length的length屬性存儲起來
for (var i=0;i<len;i++)
{
giftBody.removeChild(giftTrs[0]);
}
其中g(shù)ift_list為一個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]);
}
那么這時候只會刪除第一行,因為當刪除了一個之后,行的位置會向前移動一位。
giftTrs.length也會相應(yīng)減一。
因此正確的操作方法是:
復制代碼 代碼如下:
var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0];
var giftTrs = giftBody.getElementsByTagName("tr");
var len = giftTrs.length; //需要將giftTrs.length的length屬性存儲起來
for (var i=0;i<len;i++)
{
giftBody.removeChild(giftTrs[0]);
}
您可能感興趣的文章:
- JavaScript中removeChild 方法開發(fā)示例代碼
- Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法
- JavaScript的removeChild()函數(shù)用法詳解
- javascript刪除元素節(jié)點removeChild()用法實例
- js使用removeChild方法動態(tài)刪除div元素
- javascript移出節(jié)點removeChild()使用介紹
- javascript removeChild 導致的內(nèi)存泄漏
- js removeChild 障眼法 可能出現(xiàn)的錯誤
- js removeChild 方法深入理解
相關(guān)文章
JavaScript中Object.prototype.toString方法的原理
這篇文章主要介紹了JavaScript中Object.prototype.toString方法的原理的相關(guān)資料,需要的朋友可以參考下2016-02-02Javascript load Page,load css,load js實現(xiàn)代碼
通過js動態(tài)載入頁面和css或js的實現(xiàn)代碼,需要的朋友可以參考下。國外人寫的,可以參考下。2010-03-03JavaScript中定時控制Throttle、Debounce和Immediate詳解
大家可能都知道JavaScript遵循事件驅(qū)動的編程范例,這意味著一些行為可以激活一些響應(yīng),并且這些響應(yīng)僅在發(fā)生特定的行為時才被激活。這篇文章將給大家詳細介紹JavaScript中的定時控制Throttle、Debounce和Immediate,有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-11-11JavaScript中數(shù)組slice和splice的對比小結(jié)
相信對很多學習JavaScript語言的人來說,都會經(jīng)常搞不清slice和splice這兩個方法。它們雖然名稱相似,但是功能卻完全不同。所以這篇文章就給大家詳細整理了關(guān)于JavaScript中數(shù)組slice和splice的對比,有需要的可以參考學習。2016-09-09JavaScript實現(xiàn)的浮動層框架用法實例分析
這篇文章主要介紹了JavaScript實現(xiàn)的浮動層框架用法,以實例形式分析了JavaScript實現(xiàn)可關(guān)閉的半透明浮動層相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10