Comment savoir si une class existe en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2019-01-18 15:09:00
Thèmes : javascript - jquery
Question

Comme puis-je identifier que la class "toto" existe ?

<div class="toto"></div>
Réponse

Pour identifier la présence d'une class avec JavaScript tu peux utiliser l'élément ClassList.

Tu ajoutes par exemple un id à ta balise DIV :

<div id="test" class="toto"></div>

Exemple :

<script>
const element = document.querySelector("#test");
if (element.classList.contains("toto") == true){alert('la class existe');}
</script>

Tu peux aussi utiliser jQuery pour identifier si une class existe. jQuery dispose de la fonction .hasClass().

Tu dois donc inclure la librairie jQuery dans ta page. Voir https://code.jquery.com/.

Ensuite tu ajoutes un id à ta balise DIV :

<div id="test" class="toto"></div>

Et tu utilises la fonction hasClass() comme ceci :

<script>
if ($('#test').hasClass('toto')){alert('la class existe');}
</script>

L'inverse de cette manière :

<script>
if (!$('#test').hasClass('toto')){alert('la class n\'existe pas');}
</script>