ChildNode.remove()

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)

Prothèse d'émulation

Vous pouvez utiliser une prothèse d'émulation 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

No compatibility data found for api.ChildNode.remove.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Voir aussi