Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.
Given an item in the DOM, use querySelector() to identify it, like this:
const item = document.querySelector('#itemId')then, to remove all its child elements, you have a few options.
The fastest way looks like this:
item.innerHTML = ''Another approach is to loop, check whether firstChild is defined (the element has at least one child), and then remove it:
const item = document.querySelector('#itemId')
while (item.firstChild) {
item.removeChild(item.firstChild)
}The loop ends when all children are removed.
The first solution, in most performance benchmarks I checked, tends to be the fastest.