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
- La interfaz pura
ChildNode
. -
Tipos de objetos que implementan esta interfaz pura:
CharacterData
,Elemento
yDocumentType
.