Getting an HTML element by CSS class with JavaScript
Published on 2024-10-27 • Modified on 2024-10-27
This snippet shows how to get an HTML element by CSS class with JavaScript. The getElementsByClassName
function returns an HTMLCollection
, so we must test if there is at least one element before trying to remove it.
// html => <body lang="en" dir="ltr" id="body-strangebuzz" class="body-strangebuzz">
function removeBody() {
const body = document.getElementsByClassName('body-strangebuzz');
if (body.length > 0) {
body[0].remove();
}
}
HTML demo of the snippet
» Click here to delete the body of this page! «
More on Stackoverflow Read the doc Random snippet