栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

这样的都是插入第一条 所以就成功啦 大家可以试试
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/111004.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号