delete all child nodes 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: Javascript remove all child elements

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

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>

Example 5: js remove all child elements from html

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

Example 6: how to remove all child elements in javascript

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