关于使用js动态输出元素的方法,各位大大给点提议 我最近在学原生的javascript,在使用js动态输出元素的时候,可以使用方法createElement(),对其属性进行设置,再配合appendChild()或者insertBefore()将之输出;也可以使用innerHTML直接把html代码输出(甚至能不能使用outerHTML起到替换元素的效果?)。那么哪种方法和效率和兼容性比较好呢?还是说还有没有其他方法?(尽量不要使用jQuery之类的类库) 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 DOM操作:createElement,appendChild,clone之类XML-DOM有一些在HTML DOM中不可用,大部分通用,test一下便可。 使用appendChild要比innerHTML要好一些 但是这种效率方面主要体现在元素的批量操作上比如我要创建500个单元格 如果每一次都去操作table的innerHTML 会导致DOM每次都要重绘和重排 效率低比较好的做法是创建文档碎片docmentFragment tr元素appendChild 新建的td 最后将文档碎片appendChild trtbody append文档碎片 这样性能会快很多再者 用innerHTML尽量不要做+=操作 因为一个+=操作 js要做6件事 (具体哪6件就不详说了) 用数组的push代替最后一次再innerHTML像这种innerHTML、outerHTML的操作 少量的dom元素操作还好 多了的时候就得考虑性能了 这行代码是不是多余? 求随机显示广告的代码 怎么给触发式导航菜单加个鼠标延迟感应特性? iframe parent.location.reload 问题 将ASP、ASPX、PHP,JSP等文件的访问改为.js引用的 高手来帮忙看一行取随机数Javascript语句 a标签自定义属性如何通过js隐藏 动态产生下拉列表框的问 关于window最大话的问题,在线等待,谢谢帮忙,定当重谢!!help !! 求救!我的iframe只显示出html源码,但显示不出html解析后的样式 ExtJs 做曲线图 求大神,用户验证问题
XML-DOM
有一些在HTML DOM中不可用,大部分通用,test一下便可。
比较好的做法是创建文档碎片docmentFragment tr元素appendChild 新建的td 最后将文档碎片appendChild tr
tbody append文档碎片 这样性能会快很多再者 用innerHTML尽量不要做+=操作 因为一个+=操作 js要做6件事 (具体哪6件就不详说了) 用数组的push代替
最后一次再innerHTML像这种innerHTML、outerHTML的操作 少量的dom元素操作还好 多了的时候就得考虑性能了