Obtenir un élément HTML par classe CSS avec JavaScript

Publié le 27/10/2024 • Actualisé le 27/10/2024


English language detected! 🇬🇧

  We noticed that your browser is using English. Do you want to read this post in this language?

Read the english version 🇬🇧 Close

Dans ce bout de code, nous voyons comment obtenir un élément HTML par classe CSS avec JavaScript. La fonction getElementsByClassName retourne un objet de type HTMLCollection, on doit donc tester si elle contient au moins un élément avant d'essayer de le supprimer.


// 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();
  }
}
Démo HTML du snippet
» Click here to delete the body of this page! «

 Plus sur Stackoverflow   Lire la doc  Snippet aléatoire

  Travaillez avec moi !