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

手机号码本地检测 原创

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

根据分辨率不同,调用不同的css文件

js实现鼠标经过表格行变色的方法

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

jQuery实现延迟跳转的方法

JavaScript AOP编程实例

浅谈document.write()输出样式

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

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

精品推荐
分类导航