js removeChild 障眼法 可能出現(xiàn)的錯誤
更新時間：2009年10月06日 00:03:50 作者：
js removeChild 障眼法之可能出現(xiàn)的錯誤，大家看下代碼就知道了。
有結(jié)構(gòu)：
<ul id="demo">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
如果運行代碼1：
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}
如果和我一樣被欺騙了，那么看看正確的代碼就明白原因啦！
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength = liList.length;
for (var i = 0; i < lilength; i++) {
ul.removeChild(liList[0]);
}
復(fù)制代碼 代碼如下:
<ul id="demo">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
如果運行代碼1：
復(fù)制代碼 代碼如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
ul.removeChild(liList[i]);
}
如果和我一樣被欺騙了，那么看看正確的代碼就明白原因啦！
復(fù)制代碼 代碼如下:
var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength = liList.length;
for (var i = 0; i < lilength; i++) {
ul.removeChild(liList[0]);
}
您可能感興趣的文章:
- JavaScript中removeChild 方法開發(fā)示例代碼
- Javascript removeChild()刪除節(jié)點及刪除子節(jié)點的方法
- JavaScript的removeChild()函數(shù)用法詳解
- javascript刪除元素節(jié)點removeChild()用法實例
- js使用removeChild方法動態(tài)刪除div元素
- javascript移出節(jié)點removeChild()使用介紹
- javascript removeChild 導(dǎo)致的內(nèi)存泄漏
- javascript removeChild 使用注意事項
- js removeChild 方法深入理解
相關(guān)文章
JS實現(xiàn)點擊按鈕控制Div變寬、增高及調(diào)整背景色的方法
這篇文章主要介紹了JS實現(xiàn)點擊按鈕控制Div變寬、增高及調(diào)整背景色的方法,涉及javascript動態(tài)操作頁面元素屬性的相關(guān)技巧,適用于動態(tài)更換頁面皮膚的功能,需要的朋友可以參考下2015-08-08
void操作符解釋2008-08-08
本篇文章主要介紹了p5.js實現(xiàn)斐波那契螺旋的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
BetterScroll 在移動端滾動場景的應(yīng)用
BetterScroll 是一款重點解決移動端各種滾動場景需求的開源插件（ GitHub地址 ），非常不錯，下面腳本之家小編給大家分享BetterScroll 在移動端滾動場景的應(yīng)用，一起看看吧2017-09-09
sort方法在我們的日常開發(fā)中是經(jīng)常使用的，sort方法一般是用來對數(shù)組進行排序的，但是你是否知道sort方法默認(rèn)是按什么方式排序的呢？下面就和我一起來深入了解sort方法吧2023-05-05
angular bootstrap timepicker TypeError提示怎么辦
這篇文章主要介紹了angular bootstrap timepicker TypeError提示的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
ES6模板字符串和標(biāo)簽?zāi)０宓膽?yīng)用實例分析
這篇文章主要介紹了ES6模板字符串和標(biāo)簽?zāi)０宓膽?yīng)用,結(jié)合實例形式分析了ES6模板字符串和標(biāo)簽?zāi)０宓墓δ?、原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-06-06
超詳細(xì)小程序定位地圖模塊全系列開發(fā)教學(xué)
這篇文章主要介紹了超詳細(xì)小程序定位地圖模塊全系列開發(fā)教學(xué)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
bootstrap與pagehelper實現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了bootstrap與pagehelper實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
JavaScript使用canvas實現(xiàn)手寫簽名功能
最近遇到一個h5手寫簽名的需求,按理說這種功能網(wǎng)上隨便一搜一大把現(xiàn)成的源碼和組件,但是像這種比較經(jīng)典又很簡單的功能,還是要弄清楚到底怎么實現(xiàn)的,所以接下來本文就給大家介紹一下如何用canvas實現(xiàn)手寫簽名功能2023-08-08