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 (en-US) 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

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

Ver también