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)

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

Compatibilité des navigateurs

Voir aussi

• L'interface simple ChildNode.
• Les types d'objets implémentant cette interface simple : CharacterData, Element et DocumentType.