通过 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 removeChild 使用注意事项
Apr 11 Javascript
js 编程笔记 无名函数
Jun 28 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
JavaScript中关于class的调用方法
Nov 28 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
小程序实现发表评论功能
Jul 06 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
Apr 17 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 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 获取本地IP代码
2013/06/23 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
浅谈JS中的常用选择器及属性、方法的调用
2017/07/28 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
基于python指定包的安装路径方法
2018/10/27 Python
django 取消csrf限制的实例
2020/03/13 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
护理学中专毕业生求职信
2013/11/11 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
学校副校长四风对照检查材料整改措施
2014/09/25 职场文书
房屋租赁协议书
2014/10/18 职场文书