js原生appendChild的bug解决心得分享_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:10:36
js原生appendChild的bug解决心得分享_javascript技巧
js原生appendChild的bug解决心得分享_javascript技巧:appendChild 主要是用来追加节点 插入到最后 代码如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
导读js原生appendChild的bug解决心得分享_javascript技巧:appendChild 主要是用来追加节点 插入到最后 代码如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
appendChild 主要是用来追加节点 插入到最后
代码如下:
window.onload = function(){
var ul2 = document.getElementById('ul2');
var oli = document.getElementsByTagName('li');
for(var i=0;i
ul2.appendChild(oli[i]);
}
}
讲Id为ul1的内容插入到ul2里面
1
2
3
4
5
6
把ul1内容插入到ul2里面，这个其实是搬家而不是复制 这个要切记
可以查看一下效果
为什么会出现这样的效果 是因为 循环的时候 由于不停的搬家 导致length 在改变 如果用for的话 这样开始的length 已经被固定啦 所以出现问题，所以说要改成
代码如下:
while(oli.length){
ul2.appendChild(oli[0]);
}
这样的都是插入第一条 所以就成功啦 大家可以试试
js原生appendChild的bug解决心得分享_javascript技巧
js原生appendChild的bug解决心得分享_javascript技巧:appendChild 主要是用来追加节点 插入到最后 代码如下: window.onload = function(){ var ul2 = document.getElementById('ul2'); var oli = document.getElementsByTagName('li'); for(var i=0;iul2.ap
