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

ttx9n

appendChild主要是用来追加节点插入到最后；循环的时候由于不停的搬家导致length 在改变，改用for的话开始的length已经被固定，问题就解决啦 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 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内容插入到ul2里面，这个其实是搬家而不是复制 这个要切记
可以查看一下效果
为什么会出现这样的效果 是因为 循环的时候 由于不停的搬家 导致length 在改变 如果用for的话 这样开始的length 已经被固定啦 所以出现问题，所以说要改成
复制代码 代码如下:
while(oli.length){
ul2.appendChild(oli[0]);
}

这样的都是插入第一条 所以就成功啦 大家可以试试

9jduu05

sdsadsadsadf

u7yxn9

的vgdsvsdvdsvdsvds

pb_tjc

额头额定法国队是范德萨

7jbiiz

而快乐你们快乐马年快乐

lba36h7g

老衲笑纳了

额呵呵

老衲笑纳了

溪谷玉贤

感谢楼主分享

zzhxxx

你们谁看了弄洒了可能

溪谷小兵

看看看看看看看看看看看看看看看看看看看看看看看看看看看