国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 元氏县| 常宁市| 土默特右旗| 东乡县| 闽侯县| 阿克陶县| 保靖县| 镇康县| 陵水| 新乐市| 延寿县| 哈尔滨市| 中卫市| 永胜县| 建瓯市| 如东县| 阿克苏市| 亚东县| 明光市| 福贡县| 滨海县| 公安县| 太保市| 垦利县| 平安县| 万全县| 望奎县| 平原县| 社旗县| 东源县| 丹凤县| 岳普湖县| 同仁县| 蓬安县| 龙门县| 即墨市| 西盟| 大同县| 松潘县| 健康| 浙江省|