手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >通过 Dom 方法提高 innerHTML 性能
通过 Dom 方法提高 innerHTML 性能
摘要:复制代码代码如下:functionreplaceHtml(el,html){varoldEl=typeofel==="string"?doc...

复制代码 代码如下:

functionreplaceHtml(el,html){

varoldEl=typeofel==="string"?document.getElementById(el):el;

/*@cc_on//原始的innerHTML在IE中的性能好一点

oldEl.innerHTML=html;

returnoldEl;

@*/

varnewEl=oldEl.cloneNode(false);

newEl.innerHTML=html;

oldEl.parentNode.replaceChild(newEl,oldEl);

/*一旦我们从DOM上移除老的元素,则返回新的元素引用。*/

returnnewEl;

};

对于Opera也依然有性能提高,只是提高幅度没有上面两种浏览器惊人而已,

唯在IE中,则原始的innerHTML的方法更效率点。

【通过 Dom 方法提高 innerHTML 性能】相关文章:

Javascript递归打印Document层次关系实例分析

IE中直接运行显示当前网页中的图片 推荐

JavaScript实现仿网易通行证表单验证

理解Javascript图片预加载

新闻一段时间向上滚动效果

跨浏览器的设置innerHTML方法

通过node-mysql搭建Windows+Node.js+MySQL环境的教程

JS实现窗口加载时模拟鼠标移动的方法

制作特殊字的脚本

JavaScript编程学习技巧汇总

精品推荐
分类导航