Skip to content
Related Articles

Related Articles

HTML | DOM removeChild() Method
  • Last Updated : 30 Mar, 2021
GeeksforGeeks - Summer Carnival Banner

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: 
 

removeChild

After click on the button: 
 



removeChild

Supported Browsers: The browser supported by DOM removeChild() method are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :