Element: remove() method

{{APIRef("DOM")}}

The remove() method of the {{domxref("Element")}} interface removes the element from its parent node. Nothing happens if {{domxref("Node.parentNode", "parentNode")}} is null.

Syntax

remove()

Parameters

None.

Return value

None ({{jsxref("undefined")}}).

Examples

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>

const element = document.getElementById("div-02");
element.remove(); // Removes the div with the 'div-02' id

Element.remove() is unscopable

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

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("CharacterData.remove()")}}
• {{domxref("DocumentType.remove()")}}