js clear child nodes code example

Example 1: delete all childs in node

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

Example 2: Javascript remove all child elements

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

Example 3: 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>

Tags:

Html Example