mozilla
Vos résultats de recherche

    element.insertAdjacentHTML

    Summary

    insertAdjacentHTML() parse le texte spécifié en tant que HTML ou XML et insert les noeuds résultants dans le DOM à la position spécifié. Cela ne reparse pas l'élement qui est utilisé et cela ne corrompds pas les élements à l'intérieur de lélement spécifié. Ceci et le fait d'éviter la serialisation supplémentaire rend la fonction plus rapide et direct que innerHTML.

    Syntax

    element.insertAdjacentHTML(position, html);
    

    position est la position relative à l'élement, et doit être une des chaines de caractères suivantes :

    beforebegin
    Avant l'element lui-même.
    afterbegin
    Juste à l'intérieur de l'element, avant son premier enfant.
    beforeend
    Juste à l'intérieur de l'element, après son dernier enfant.
    afterend
    Après element lui-même.

    text est la chaine de caractères qui doit être parsée en tant qu'HTML ou XML et insérée dans l'arbre du DOM.

    Visualization of position names

    <!-- beforebegin --><p><!-- afterbegin -->foo<!--
    beforeend --></p><!-- afterend -->
    
    Note: Les positions beforebegin et afterend ne marchent que si le noeud est un arbre et a un element parent.

    Example

    // <div id="one">one</div> 
    var d1 = document.getElementById('one'); 
    d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
    
    // Ici la nouvelle structure est :
    // <div id="one">one</div><div id="two">two</div>

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 8.0 (8.0) 4.0 7.0 4.0 (527)
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 8.0 (8.0) ? ? ?

    Specification

    See also

    hacks.mozilla.org guest post by Henri Sivonen including benchmark showing that insertAdjacentHTML can be way faster in some cases.

    Étiquettes et contributeurs liés au document

    Contributors to this page: JeanDavidDaviet, teoli, fscholz, khalid32
    Dernière mise à jour par : khalid32,