通过 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引起的内存泄漏问题
Oct 08 Javascript
Javascript 面向对象 继承
May 13 Javascript
AngularJS 中的指令实践开发指南(一)
Mar 20 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
Vue监听数据对象变化源码
Mar 09 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
解决vue页面刷新或者后退参数丢失的问题
Mar 13 Javascript
webstorm添加*.vue文件支持
May 08 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
Vue中component标签解决项目组件化操作
Sep 04 Javascript
js实现详情页放大镜效果
Oct 28 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 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 一元分词算法
2009/11/30 PHP
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
jquery处理json对象
2014/11/03 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
jQuery的框架介绍
2016/05/11 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
BootStrap无限级分类(无限极分类封装版)
2016/08/26 Javascript
javascript 判断一个对象为数组的方法
2017/05/03 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
解决ant Design中Select设置initialValue时的大坑
2020/10/29 Javascript
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
Python网络编程详解
2017/10/31 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
2015年银行柜员工作总结报告
2015/04/01 职场文书
校园安全教育心得体会
2016/01/15 职场文书