HTML | DOM removeChild() Method
The removeChild() method in HTML DOM is used to remove a specified child node of the given element. It returns the removed node as a node object or null if the node doesn’t exist.
Syntax:
node.removeChild( child )
Parameters: This method accepts single parameter child which is mandatory. It represents the node which need to be remove.
Return Value: It returns a node object which represents the removed node, or null if the node doesn’t exist.
Example:
html
<!DOCTYPE html> < html > < head > < title > HTML DOM removeChild() Method </ title > </ head > < body > < h1 style = "color: green;" > GeeksforGeeks </ h1 > < h2 > DOM removeChild() Method </ h2 > < p >Sorting Algorithm</ p > < ul id = "listitem" >< li >Insertion sort</ li > < li >Merge sort</ li > < li >Quick sort</ li > </ ul > < button onclick = "Geeks()" > Click Here! </ button > < script > function Geeks() { var doc = document.getElementById("listitem"); doc.removeChild(doc.childNodes[0]); } </ script > </ body > </ html > |
Output:
Before click on the button:
After click on the button:
Supported Browsers: The browser supported by DOM removeChild() method are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari