communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 通过 Dom 方法提高 innerHTML 性能_javascript技巧

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

WBOY
Libérer： 2016-05-16 19:05:39
original
1015 Les gens l'ont consulté
复制代码 代码如下:

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

Étiquettes associées：
dom 性能
source：php.cn
Article précédent：Javascript的一种模块模式_YUI.Ext相关 Article suivant：js用图作提交按钮或超连接_表单特效
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Dans React, localstorage.getItem renvoie null index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
Depuis 2024-04-05 14:18:19
0
1
1523
Comment restituer les données via DOM au lieu de via une table J'ai une question sur une application que je crée, j'utilise une base de données Oracle et...
Depuis 2024-04-04 18:17:27
0
1
3567
Le chemin de routage ne restitue pas les composants React.js J'essaie de créer des itinéraires de chemin animés à l'aide de framer-motion, mais le comp...
Depuis 2024-04-04 10:37:17
0
1
429
Problème d'addition dynamique avec manque d'espace entre les éléments J'ai le modèle suivant dans mon balisage. <templateid="unsequenced-template"&...
Depuis 2024-04-02 16:51:12
0
1
315
Comment se déconnecter à l'aide de la bibliothèque authts/react-oidc-context et du serveur d'autorisation keycloak Il s'agit de mon implémentation actuelle utilisant réagir-router-dom, oidc-client-ts, réag...
Depuis 2024-03-31 19:13:55
0
1
544
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal