通过 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 相关文章推荐
用于判断用户注册时,密码强度的JS代码
Jan 01 Javascript
javascript 关闭IE6、IE7
Jun 01 Javascript
jQuery 使用手册(一)
Sep 23 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
Oct 10 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
Jun 12 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
Mar 15 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
在Vue methods中调用filters里的过滤器实例
Aug 30 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
Vue自定义表单内容检查rules实例
Oct 30 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 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
php实现的SESSION类
2014/12/02 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
如何在 Vue 表单中处理图片
2021/01/26 Vue.js
python实现汉诺塔递归算法经典案例
2021/03/01 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
关于python写入文件自动换行的问题
2018/06/23 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
Ray-Ban雷朋瑞典官方网站:全球领先的太阳眼镜品牌
2019/08/22 全球购物
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
广告学专业毕业生自荐信
2013/09/24 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
电气个人求职信范文
2014/02/04 职场文书
活动费用申请报告
2015/05/15 职场文书
新闻稿怎么写
2015/07/18 职场文书
《司马光》教学反思
2016/02/22 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
导游词之青城山景区
2019/09/27 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python