通过 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的方法更效率点。