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

appendChild 主要是用来追加节点 插入到最后

复制代码 代码如下:

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的内容插入到ul2里面</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ul>
</ul>

复制代码 代码如下:

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