javascript remove all child elements code example

Example 1: Javascript remove all child elements

var myDiv = document.getElementById("myDivID");
    myDiv.innerHTML = "";//remove all child elements inside of myDiv

Example 2: Remove all child nodes of a list:

// Get the <ul> element with id="myList"
let list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
  list.removeChild(list.firstChild);
}

Example 3: js remove child elements

function deleteChild() { 
        let e = document.querySelector("ul"); 
        
        //e.firstElementChild can be used. 
        let child = e.lastElementChild;  
        while (child) { 
            e.removeChild(child); 
            child = e.lastElementChild; 
        } 
    } 
    let btn = document.getElementById( 
    "btn").onclick = function() { 
        deleteChild(); 
    }

Example 4: how to remove all child elements in javascript

document.getElementById("myDivID").innerHTML = "";

Example 5: js remove all child elements from html

document.getElementById("myId").innerHTML = '';