remove all children in a certain element - js code example
Example 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);
}
Example 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();
}