js原生appendChild的bug解決心得分享_javascript技巧
來源：懂視網(wǎng)
責(zé)編：小采
時間：2020-11-27 21:10:36
js原生appendChild的bug解決心得分享_javascript技巧
js原生appendChild的bug解決心得分享_javascript技巧:appendChild 主要是用來追加節(jié)點 插入到最后 代碼如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
導(dǎo)讀js原生appendChild的bug解決心得分享_javascript技巧:appendChild 主要是用來追加節(jié)點 插入到最后 代碼如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
appendChild 主要是用來追加節(jié)點 插入到最后
代碼如下:
window.onload = function(){
var ul2 = document.getElementById('ul2');
var oli = document.getElementsByTagName('li');
for(var i=0;i
ul2.appendChild(oli[i]);
}
}
講Id為ul1的內(nèi)容插入到ul2里面
1
2
3
4
5
6
把ul1內(nèi)容插入到ul2里面，這個其實是搬家而不是復(fù)制 這個要切記
可以查看一下效果
為什么會出現(xiàn)這樣的效果 是因為 循環(huán)的時候 由于不停的搬家 導(dǎo)致length 在改變 如果用for的話 這樣開始的length 已經(jīng)被固定啦 所以出現(xiàn)問題，所以說要改成
代碼如下:
while(oli.length){
ul2.appendChild(oli[0]);
}
這樣的都是插入第一條 所以就成功啦 大家可以試試
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js原生appendChild的bug解決心得分享_javascript技巧
js原生appendChild的bug解決心得分享_javascript技巧:appendChild 主要是用來追加節(jié)點 插入到最后 代碼如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
