Answers for "js delete child nodes"

7

delete all childs in node

while (myNode.firstChild) {
  myNode.removeChild(myNode.lastChild);
}
Posted by: Guest on June-15-2020
0

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>
Posted by: Guest on May-18-2021
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(); 
    }
Posted by: Guest on September-04-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language