通过 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前台判断开始时间是否小于结束时间
Feb 23 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
理解javascript闭包
Dec 15 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
prototype.js简单实现ajax功能示例
Oct 18 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 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使用xmllint命令处理xml与html的方法
2014/12/15 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
js静态作用域的功能。
2006/12/25 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
如何使用angularJs
2017/05/08 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
python实现八大排序算法(2)
2017/09/14 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
150行python代码实现贪吃蛇游戏
2020/04/24 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
python多线程和多进程关系详解
2020/12/14 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
公司贷款承诺书
2014/05/30 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
六一儿童节标语
2014/10/08 职场文书
明确岗位职责
2015/02/14 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技