通过 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 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
jQuery.ajax 用户登录验证代码
Oct 29 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
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
Paypal实现循环扣款(订阅)功能
2017/03/23 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
JS引用传递与值传递的区别与用法分析
2018/06/01 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
python中的sort方法使用详解
2014/07/25 Python
python实现多线程的两种方式
2016/05/22 Python
python实现输入数字的连续加减方法
2018/06/22 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
Python实现异步IO的示例
2020/11/05 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
如何设置Java的运行环境
2013/04/05 面试题
感恩节活动方案
2014/01/27 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书