home ~ projects ~ socials

Remove Child Elements From An HTML Element With JavaScript

const el = document.querySelector('#some-id');
el.replaceChildren();

Old Notes

const parentElement = document.getElementById('someElement')

while (parentElement.children.length > 0) {
    parentElement.children[0].remove()
}

Where alfa is the element to remove the children from

What Didn't Work

The MDN docs say to do this, but it didn't work for me. It wouldn't clear all the elements.

for (const child of playlists_div.children) {
    child.remove()
}

Not sure why.

(Thanks to i7 from Twitch chat for giving me the solution and saying me a non trivial amount of time)

-- end of line --

References

This is where I got the code that didn't work. Need to go back and figure out where the problem resides