Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 17:30:38
original
1345 Les gens l'ont consulté

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]);
}

这样的都是插入第一条 所以就成功啦 大家可以试试
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!