通过 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开发技术大全-第1章javascript概述
Jul 03 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
js a标签点击事件
Mar 30 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
详解Webpack4多页应用打包方案
Jul 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面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
初次接触php抽象工厂模式(Elgg)
2010/03/21 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php字符串过滤strip_tags()函数用法实例分析
2019/06/24 PHP
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
关于js类的定义
2011/06/28 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
2016/08/02 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
Python基于twisted实现简单的web服务器
2014/09/29 Python
详解Django中的form库的使用
2015/07/18 Python
使用C++扩展Python的功能详解
2018/01/12 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
某同学的自我鉴定范文
2013/12/26 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
企业指导教师评语
2014/04/28 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
小学三年级数学教学反思
2016/02/16 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android