国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

js原生appendChild的bug解決心得分享

2024-05-06 15:48:23
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
appendChild主要是用來(lái)追加節(jié)點(diǎn)插入到最后;循環(huán)的時(shí)候由于不停的搬家導(dǎo)致length 在改變,改用for的話開(kāi)始的length已經(jīng)被固定,問(wèn)題就解決啦

appendChild 主要是用來(lái)追加節(jié)點(diǎn) 插入到最后

復(fù)制代碼 代碼如下:


window.onload = function(){
var ul2 = document.getElementById('ul2');
var oli = document.getElementsByTagName('li');
for(var i=0;i<oli.length;i++){
ul2.appendChild(oli[i]);
}
}
<h3>講Id為ul1的內(nèi)容插入到ul2里面</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ul>
</ul>


把ul1內(nèi)容插入到ul2里面,這個(gè)其實(shí)是搬家而不是復(fù)制 這個(gè)要切記
可以查看一下效果
為什么會(huì)出現(xiàn)這樣的效果 是因?yàn)?循環(huán)的時(shí)候 由于不停的搬家 導(dǎo)致length 在改變 如果用for的話 這樣開(kāi)始的length 已經(jīng)被固定啦 所以出現(xiàn)問(wèn)題,所以說(shuō)要改成

復(fù)制代碼 代碼如下:


while(oli.length){
ul2.appendChild(oli[0]);
}


這樣的都是插入第一條 所以就成功啦 大家可以試試
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 高密市| 吉首市| 桃园市| 福贡县| 抚顺县| 罗江县| 湘潭县| 琼海市| 宿松县| 筠连县| 遂昌县| 南雄市| 高台县| 苗栗市| 和静县| 玉龙| 视频| 沭阳县| 和硕县| 天气| 遂溪县| 静海县| 江山市| 高邑县| 凤台县| 环江| 海兴县| 靖西县| 平乡县| 蛟河市| 威海市| 雅安市| 玉林市| 惠水县| 辽阳县| 天津市| 阳东县| 榆林市| 富裕县| 宁津县| 凤凰县|