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

Specification Status Comment
DOM
The definition of 'ChildNode.remove' in that specification.
Living Standard Initial definition.
DOM4
The definition of 'ChildNode.remove' in that specification.
Recommendation  

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (on Element) 23.0 (Yes) 23.0 (23.0) No support 10.0 7.0
Support on CharacterData and DocumentType 29.0 ? 23.0 (23.0) No support 16.0 7.0
Feature Android Android Webview Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Mobile
Basic support (on Element) (Yes) (Yes) (Yes) 23.0 (23.0) No support 10.0 No support (Yes)
Support on CharacterData and DocumentType (Yes) (Yes) ? 23.0 (23.0) No support 16.0 No support (Yes)

See also

Document Tags and Contributors

 Last updated by: erikadoyle,