ChildNode.remove()

The ChildNode.remove() method removes the object from the tree it belongs to.

Syntax

elementNodeReference.remove(); 

Example

Using 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(); // Removes the div with the 'div-02' id

ChildNode.remove() is unscopable

The remove() method is not scoped into the with statement. See Symbol.unscopables for more information.

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

Polyfill

if (!('remove' in Element.prototype)) {
    Element.prototype.remove = function() {
        if (this.parentNode) {
            this.parentNode.removeChild(this);
        }
    };
}

Specifications

Browser compatibility

See also

• The ChildNode pure interface.
• Object types implementing this pure interface: CharacterData, Element, and DocumentType.