We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La méthode ChildNode.remove() retire l'objet de l'arbre auquel il appartient.

Syntaxe

node.remove(); 

Exemple

Utilisation de la méthode remove()

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>
var el = document.getElementById('div-01');
el.nextElementSibling.remove(); // Retire l'élément div dont l'id est 'div-02'

ChildNode.remove() est unscopable

La méthode remove() n'est pas comprise dans une instruction with. Voir Symbol.unscopables pour plus d'informations.

with(node) { 
  remove();
}
// ReferenceError: remove is not defined (remove n'est pas défini)

Polyfill

Vous pouvez utiliser un polyfill pour la méthode remove() dans Internet Explorer 9 et supérieur avec le code suivant :

// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
  arr.forEach(function (item) {
    if (item.hasOwnProperty('remove')) {
      return;
    }
    Object.defineProperty(item, 'remove', {
      configurable: true,
      enumerable: true,
      writable: true,
      value: function remove() {
        if (this.parentNode !== null)
          this.parentNode.removeChild(this);
      }
    });
  });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

Spécifications

Spécification Statut Commentaire
DOM
La définition de 'ChildNode.remove' dans cette spécification.
Standard évolutif Définition initiale

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple231223 Non107
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui Oui Oui2310 Non Oui
 

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16, Goofy, Copen
Dernière mise à jour par : loella16,