Heim  >  Artikel  >  Web-Frontend  >  js原生appendChild的bug解决心得分享_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:30:381349Durchsuche

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

复制代码 代码如下:

window.onload = function(){
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]);
}

这样的都是插入第一条 所以就成功啦 大家可以试试
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn