通过 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 相关文章推荐
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
javascript中方便增删改cookie的一个类
Oct 11 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 Javascript
JavaScript获取时区实现过程解析
Sep 24 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 Javascript
原生JS实现拖拽功能
Dec 16 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
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
PHP利用超级全局变量$_POST来接收表单数据的实例
2016/11/05 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
2013/11/18 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
通过实例了解python property属性
2019/11/01 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
安全标准化实施方案
2014/02/20 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
mysql 生成连续日期及变量赋值
2022/03/20 MySQL