通过 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 相关文章推荐
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
HTML5附件拖拽上传drop & google.gears实现代码
Apr 28 Javascript
怎么清空javascript数组
May 11 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
JS简单实现String转Date的方法
Mar 02 Javascript
浅谈js的url解析函数封装
Jun 28 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
Aug 28 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
express express-session的使用小结
Dec 12 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 Javascript
jQuery实现轮播图效果
Nov 26 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
解决PHP mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
img的onload的另类用法
2008/01/10 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
2015/09/07 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
matplotlib中legend位置调整解析
2017/12/19 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
python实现12306登录并保存cookie的方法示例
2019/12/17 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
农民入党思想汇报
2014/01/03 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
罚站检讨书
2015/01/29 职场文书
教师个人发展总结
2015/02/11 职场文书
法人身份证明书
2015/06/18 职场文书
实操Python爬取觅知网素材图片示例
2021/11/27 Python