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

appendChild 主要是用來追加節點插入到最後

複製程式碼 程式碼如下：var ul2 = document.getElementById('ul2');

var oli = document.getElementsByTagName('li');
for(var i=0;iul2.appendChild(oli[i]);
}
}

講Id為ul1的內容插入ul2裡面

1

2

3

4

5

6

把ul1內容插入到ul2裡面，這個其實是搬家而不是複製這個要切記
可以查看一下效果

為什麼會出現這樣的效果是因為循環的時候由於不停的搬家導致length 在改變如果用for的話這樣開始的length 已經被固定啦所以出現問題，所以說要改成

複製代碼複製代碼

代碼如下:

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

這樣的都是插入第一條所以就成功啦大家可以試試