Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 通过 Dom 方法提高 innerHTML 性能_javascript技巧

通过 Dom 方法提高 innerHTML 性能_javascript技巧

WBOY
Freigeben： 2016-05-16 19:05:39
Original
1015 Leute haben es durchsucht
复制代码 代码如下:

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

Verwandte Etiketten：
dom 性能
Quelle：php.cn
Vorheriger Artikel：Javascript的一种模块模式_YUI.Ext相关 Nächster Artikel：js用图作提交按钮或超连接_表单特效
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
In React gibt localstorage.getItem null zurück index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
Aus 2024-04-05 14:18:19
0
1
1523
So rendern Sie Daten über DOM statt über eine Tabelle Ich habe eine Frage zu einer Anwendung, die ich erstelle. Ich verwende eine Oracle-Datenba...
Aus 2024-04-04 18:17:27
0
1
3567
Der Routing-Pfad rendert die Komponenten von „react.js' nicht Ich versuche, mit Framer-Motion einige animierte Pfadrouten zu erstellen, aber die Kompone...
Aus 2024-04-04 10:37:17
0
1
429
Dynamisches Additionsproblem mit Platzmangel zwischen Elementen Ich habe die folgende Vorlage in meinem Markup. <templateid="unsequenced-template&...
Aus 2024-04-02 16:51:12
0
1
315
So melden Sie sich mit der Bibliothek authts/react-oidc-context und dem Keycloak-Autorisierungsserver ab Dies ist meine aktuelle Implementierung mit React-Router-Dom, OIDC-Client-TS, React-Oidc-C...
Aus 2024-03-31 19:13:55
0
1
544
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage