Answers for "html delete child elements"

15

Javascript remove all child elements

var myDiv = document.getElementById("myDivID");
    myDiv.innerHTML = "";//remove all child elements inside of myDiv
Posted by: Guest on July-26-2019
1

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);
}
Posted by: Guest on August-13-2020
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 "html delete child elements"

Code answers related to "Javascript"

Browse Popular Code Answers by Language