通过 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 相关文章推荐
toString()一个会自动调用的方法
Feb 08 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
JS中的BOM应用
Feb 02 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
taro 实现购物车逻辑的实例代码
Jun 05 Javascript
小程序实现列表倒计时功能
Jan 29 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文件的实现方法
2007/03/19 PHP
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
10个实用的PHP代码片段
2011/09/02 PHP
php设计模式之委托模式
2016/02/13 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
Vue 列表页带参数进详情页的操作(router-link)
2020/11/13 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
倩碧美国官网:Clinique美国
2016/07/20 全球购物
悦木之源美国官网:Origins美国
2016/08/01 全球购物
Madewell美德威尔美国官网:美国休闲服饰品牌
2016/11/25 全球购物
卫校中专生的自我评价
2014/01/15 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
python神经网络 使用Keras构建RNN训练
2022/05/04 Python
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python