通过 Dom 方法提高 innerHTML 性能_Javascript教程-查字典教程网
通过 Dom 方法提高 innerHTML 性能
通过 Dom 方法提高 innerHTML 性能
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下: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的方法更效率点。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类