通过 Dom 方法提高 innerHTML 性能

站长资源 2026/7/22 佚名

77 1538 77

DDR爱好者之家 Design By 杰米

复制代码代码如下:
function replaceHtml(el, html) {
    var oldEl = typeof el === "string" ? document.getElementById(el) : el;
    /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点
        oldEl.innerHTML = html;
        return oldEl;
    @*/
    var newEl = oldEl.cloneNode(false);
    newEl.innerHTML = html;
    oldEl.parentNode.replaceChild(newEl, oldEl);
    /* 一旦我们从 DOM 上移除老的元素，则返回新的元素引用。*/
    return newEl;
};

对于 Opera 也依然有性能提高，只是提高幅度没有上面两种浏览器惊人而已，
唯在 IE 中，则原始的 innerHTML 的方法更效率点。

Dom,方法提高,innerHTML,性能

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“通过 Dom 方法提高 innerHTML 性能”

暂无评论...

通过 Dom 方法提高 innerHTML 性能

javascript 通用滑动门tab类

js用图作提交按钮或超连接

评论“通过 Dom 方法提高 innerHTML 性能”

更新日志

友情链接