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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:35:32
字體:
供稿:網(wǎng)友
appendChild 主要是用來追加節(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 id="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ul id="ul2">
</ul>

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

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

這樣的都是插入第一條 所以就成功啦 大家可以試試
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 扎兰屯市| 临沂市| 丰顺县| 绍兴县| 鄂尔多斯市| 永春县| 东阳市| 丰顺县| 尖扎县| 丽水市| 新绛县| 绍兴县| 长治市| 河东区| 太原市| 广宗县| 永胜县| 习水县| 涟源市| 星座| 岗巴县| 温宿县| 珠海市| 新源县| 搜索| 陵水| 松原市| 泊头市| 东宁县| 闻喜县| 镇巴县| 堆龙德庆县| 乐山市| 连云港市| 诸城市| 北京市| 时尚| 宜兴市| 舞钢市| 九江县| 寻乌县|