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

Síntasix

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-02'

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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Soporte básico231223 No107
FeatureAndroid webviewChrome para AndroidEdge mobileFirefox para AndroidOpera AndroidiOS SafariSamsung Internet
Soporte básico Si Si Si2310 No Si

Ver también

Etiquetas y colaboradores del documento

Colaboradores en esta página: AlePerez92, SoftwareRVG
Última actualización por: AlePerez92,