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
