通过 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 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
JS 常用校验函数
Mar 26 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
token 机制和实现方式
Dec 15 Javascript
js定时器出现第一次延迟的原因及解决方法
Jan 04 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初学者头疼十四条问题大总结
2008/11/12 PHP
PHP 数组基础知识小结
2010/08/20 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
Laravel中前端js上传图片到七牛云的示例代码
2017/09/04 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
JS实现给数组对象排序的方法分析
2019/06/24 Javascript
js实现图片无缝循环轮播
2019/10/28 Javascript
js实现时间日期校验
2020/05/26 Javascript
Python的净值数据接口调用示例分享
2016/03/15 Python
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
我就是这样学习Python中的列表
2019/06/02 Python
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
波兰购物网站:MALL.PL
2019/05/01 全球购物
教师自我鉴定范文
2013/11/10 职场文书
医学生自我评价
2014/01/27 职场文书
党员批评与自我批评
2014/02/12 职场文书
学校联谊活动方案
2014/02/15 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
Python作用域和名称空间的详细介绍
2022/04/13 Python