classList.contains()
element.classList.contains(className)
Renvoie true si l’élément a la classe indiquée.
L’exemple travaille avec le code HTML placé au-dessus du code JavaScript.
Paramètres
- className – nom de la classe.
Valeur de retour
true ou false.
Exemples
<div id="d" class="notice notice-large"></div>
const d = document.getElementById('d');
console.log(d.classList.contains('notice'), d.classList.contains('large'));
console.log(d.className.includes('large'), d.matches('.notice.notice-large'));
Résultat :
true false true true
Points d’attention
- Compare des noms de classe entiers – contrairement à
className.includes(), qui trouve aussi un morceau d’un autre nom (voir l’exemple). - Une combinaison de classes ou d’autres conditions se vérifient avec la méthode matches().
Prise en charge par les navigateurs
Baseline – largement disponible : fonctionne dans tous les navigateurs courants, et depuis longtemps (au plus tard depuis 2015). Depuis la version : Chrome 8, Firefox 3.6, Safari 5.1 ; absent de Node.js (API du navigateur). État : octobre 2026 (MDN browser-compat-data).
Voir aussi :
Element.classList
Element.matches()
Element.hasAttribute()