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