clear child elements javascript code example

Example 1: delete all childs in node

while (myNode.firstChild) {
  myNode.removeChild(myNode.lastChild);
}

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: js clear child nodes

<script>
function removeAllChildNodes(parent) {
    while (parent.firstChild) {
        parent.removeChild(parent.firstChild);
    }
}

const container = document.getElementById('container');
removeAllChildNodes(container);
</script>

<div id="container">
  <p>All elements inside this container will be deleted,</p>
  <p>when removeAllChildNodes(container) is run.</p>
</div>