通过 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 相关文章推荐
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
js的Prototype属性解释及常用方法
May 08 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
webix+springmvc session超时跳转登录页面
Oct 30 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
简单的vuex 的使用案例笔记
Apr 13 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
Sep 27 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
VUE渲染后端返回含有script标签的html字符串示例
Oct 28 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/10/22 PHP
php 文件上传类代码
2011/08/06 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
javascript arguments使用示例
2014/12/16 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
vue.js中v-on:textInput无法执行事件问题的解决过程
2017/07/12 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
python实现下载整个ftp目录的方法
2017/01/17 Python
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
python设置表格边框的具体方法
2020/07/17 Python
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
协议书格式
2014/04/23 职场文书
抵押贷款承诺书
2014/05/30 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
“四风”问题对照检查材料思想汇报
2014/09/16 职场文书