delete all childs in node
while (myNode.firstChild) {
myNode.removeChild(myNode.lastChild);
}delete all childs in node
while (myNode.firstChild) {
myNode.removeChild(myNode.lastChild);
}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);
}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>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();
}javascript clear child elements
parent.querySelectorAll("*").forEach(child -> child.remove());
//Change the value of * if there is a specific class you want to remove
//otherwise leave the * for removing all child elements.Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
