delete html element and children javascript code example

Example 1: 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 2: 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(); 
    }