通过 Dom 方法提高 innerHTML 性能


Posted in Javascript onMarch 26, 2008
function replaceHtml(el, html) { 
    var oldEl = typeof el === "string" ? document.getElementById(el) : el; 
    /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 
        oldEl.innerHTML = html; 
        return oldEl; 
    @*/ 
    var newEl = oldEl.cloneNode(false); 
    newEl.innerHTML = html; 
    oldEl.parentNode.replaceChild(newEl, oldEl); 
    /* 一旦我们从 DOM 上移除老的元素,则返回新的元素引用。*/ 
    return newEl; 
};

对于 Opera 也依然有性能提高,只是提高幅度没有上面两种浏览器惊人而已,
唯在 IE 中,则原始的 innerHTML 的方法更效率点。
Javascript 相关文章推荐
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
如何在一个页面显示多个百度地图
Apr 07 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
Sep 22 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
10行原生JS实现文字无缝滚动(超简单)
Jan 02 Javascript
使用ECharts实现状态区间图
Oct 25 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
Vue图片裁剪组件实例代码
Jul 02 Vue.js
TS 类型收窄教程示例详解
Sep 23 Javascript
js用图作提交按钮或超连接
Mar 26 #Javascript
利用js对象弹出一个层
Mar 26 #Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 #Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 #Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 #Javascript
YUI 读码日记之 YAHOO.lang.is*
Mar 22 #Javascript
You might like
如何做到多笔资料的同步
2006/10/09 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
原生JS实现平滑回到顶部组件
2016/03/16 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
2017/11/10 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
vue-calendar-component 封装多日期选择组件的实例代码
2020/12/04 Vue.js
简单解析Django框架中的表单验证
2015/07/17 Python
python使用turtle库绘制树
2018/06/25 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
优质的学校老师推荐信
2013/10/28 职场文书
《长征》教学反思
2014/04/27 职场文书
幼儿园课题实施方案
2014/05/14 职场文书
公司周年庆典致辞
2015/07/30 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
nginx安装以及配置的详细过程记录
2021/09/15 Servers
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript