how to remove all child nodes with javascript code example

Example 1: delete all childs in node

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

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

Javascript Example

Related