資訊專欄INFORMATION COLUMN
摘要：蘋果梨草莓香蕉移除子節(jié)點我們要移除的子節(jié)點。隨著子節(jié)點的個數(shù)增加，你會發(fā)現(xiàn)沒被移除的子節(jié)點越多。打開瀏覽器就會發(fā)現(xiàn)循環(huán)每執(zhí)行一次，的值都會減少。移除子元素長度一直再變化，其實每次移除的都是第一個子元素。
我們要移除ul的子節(jié)點li。用removeChild的話，慣性思維我會這樣：
function remove() {
var list = document.getElementById("list");
var li = list.getElementsByTagName("li");
for (var i = 0; i < li.length; i++) {
list.removeChild(li[i]);
}
}
這時，我會發(fā)現(xiàn)，每次移除都不徹底。隨著子節(jié)點的個數(shù)增加，你會發(fā)現(xiàn)沒被移除的子節(jié)點越多。 每次剩余的子節(jié)點都是總個數(shù)的一半。
打開瀏覽器debug就會發(fā)現(xiàn)：循環(huán)每執(zhí)行一次，li.length的值都會減少1。這個正是我沒辦法完全移除子節(jié)點的原因。removeChild移除子元素長度一直再變化，其實每次removeChild移除的都是第一個子元素。所以，相應的，我們只要簡單的把for循環(huán)做下調(diào)整：
for (var i = 0; i < li.length;) {
list.removeChild(li[i]);
}
這樣，每次for循環(huán)刪除的都是第一個子元素。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100492.html
最近偶然想學習下webpack的配置，于是走上了webpack4踩坑的不歸路。。。 webpack4默認的特性： 配置默認初始化一些配置, 比如 entry 默認 ./src 開發(fā)模式和發(fā)布模式, 插件默認內(nèi)置 CommonsChunk 配置簡化 使用 ES6 語法，比如 Map, Set, includes 新增 WebAssembly 構(gòu)建支持 如果要使用 webpack cli 命令，...
摘要：本文主要介紹在移動端項目中如何使用及其配置使用腳手架生成的項目，后運行彈出配置項，該命令不可逆哦。使用了作為計算依據(jù)，因此需要在中貼上以下代碼，并沒有使用淘寶的方案使用的設(shè)計圖是的哦配置的按需加載當然了，你需要先。 本文主要介紹在react移動端項目中如何使用antd-mobile2及其配置 使用 create-react-app腳手架生成的項目，后運行npm run eject 彈出...
摘要：本文主要介紹在移動端項目中如何使用及其配置使用腳手架生成的項目，后運行彈出配置項，該命令不可逆哦。使用了作為計算依據(jù)，因此需要在中貼上以下代碼，并沒有使用淘寶的方案使用的設(shè)計圖是的哦配置的按需加載當然了，你需要先。 本文主要介紹在react移動端項目中如何使用antd-mobile2及其配置 使用 create-react-app腳手架生成的項目，后運行npm run eject 彈出...
摘要：的使用屬性允許你訪問一個對象。它與相似，不同之處在于里面存儲的數(shù)據(jù)沒有過期時間設(shè)置，而存儲在里面的數(shù)據(jù)在頁面會話結(jié)束時會被清除。頁面會話在瀏覽器打開期間一直保持，并且重新加載或恢復頁面仍會保持原來的頁面會話。 sessionStorge的使用 sessionStorage 屬性允許你訪問一個 session Storage 對象。它與 localStorage 相似，不同之處在于 lo...
閱讀 1093·2021-11-22 14:56
閱讀 1530·2019-08-30 15:55
閱讀 3371·2019-08-30 15:45
閱讀 1666·2019-08-30 13:03
閱讀 2879·2019-08-29 18:47
閱讀 3341·2019-08-29 11:09
閱讀 2649·2019-08-26 18:36
閱讀 2624·2019-08-26 13:55
