HTML DOM removeChild() Method

removeChild()The method removes a child from the DOM and returns the removed node.

Syntax:

node.removeChild(node)

Example

var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);

All browsers fully support the removeChild() method:

Method
removeChild()	Is	Is	Is	Is	Is

Parameter	Description
node	The node removed from the given parent node (usually an element)

Return value:	The returned value is the deleted child
DOM Version:	DOM Level1

Check if the DIV has any child nodes. If found, delete its first child element (index 0):

Example

var div = document.getElementById("demo");
if (div.hasChildNodes()) {
　　　div.removeChild(div.children[0]);
}

Remove all child elements from an element:

Example

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
　div.removeChild(div.children[0]);
}

Remove a specified element without specifying its parent node:

Example

var node = document.getElementById("myP");
if (node.parentNode) {
　　　node.parentNode.removeChild(node);
}