ChildNode.remove()


El método ChildNode.remove ( ) elimina el objeto del árbol al que pertenece.

Sintaxis

node.remove();

Ejemplo

Utilizando remove()

<div id="div-01">Este es el div-01</div>
<div id="div-02">Este es el div-02</div>
<div id="div-03">Este es el div-03</div>
var el = document.getElementById('div-02');
el.nextElementSibling.remove(); // Elimina el div con el id 'div-03'

ChildNode.remove() es unscopable

El método remove() no está definido en el contexto de las declaración with. Consulte Symbol.unscopables para obtener más información.

with(node) {
  remove();
}
// ReferenceError: remove is not defined 

Polyfill

El código a continuación es un polyfill del método remove() para Internet Explorer 9 y superiores:

// 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]);

Especificaciones

Especificación Estado Comentario
DOM
La definición de 'ChildNode.remove' en esta especificación.
Living Standard Definición inicial.

Compatibilidad en los navegadores

BCD tables only load in the browser

Ver también