手机
当前位置:查字典教程网 >编程开发 >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 性能】相关文章:

跨浏览器的设置innerHTML方法

JavaScript检查数字是否为整数或浮点数的方法

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

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

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

光标定位等TextRange的操作的范例代码

png在IE6 下无法透明的解决方法汇总

浅谈document.write()输出样式

AngularJS中$interval的用法详解

浅谈利用JavaScript进行的DDoS攻击原理与防御

精品推荐
分类导航