How To removeChild() Example Using JavaScript?

Nov 11, 2021 . Admin

Hello Friends,

Now let's see example of how to use removeChild() method example. Here you will learn how to use javascript removeChild() method. This is a short guide on removeChild() method. Let's get started with how to find removeChild() method in javascript.

Here i will give you many example how you can use removeChild() method javascript.

Example : 1

<!DOCTYPE html>
<html>
    <head>
        <title>How To removeChild() Example Using JavaScript? - MyWebtuts.com</title>
    </head>
    <body>
        <h3>How To removeChild() Example Using JavaScript? - MyWebtuts.com</h3>
        <ul id = "a1">
            <li>Laravel</li>
            <li>JavaScript</li>
            <li>JQuery</li>
            <li>Php</li>
            <li>C</li>
        </ul>
        <script>
            var a2 = document.getElementById("a1");
            a2.removeChild(a2.childNodes[1]);
        </script>
    </body>
</html>

Output :

JavaScript
JQuery
Php
C

Example : 2

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>How To removeChild() Example Using JavaScript? - MyWebtuts.com</title>
    </head>
    <body>
        <h3>How To removeChild() Example Using JavaScript? - MyWebtuts.com</h3>
        <ul id="a1">
            <li>Laravel</li>
            <li>JavaScript</li>
            <li>Php</li>
        </ul>
        <script>
            let a2 = document.getElementById('a1');
            a2.removeChild(a2.lastElementChild);
        </script>
    </body>
</html>

Output :