Collection : HTMLElement.classList[]

Tableau de la liste des classes CSS d'un objet HTML du DOM

Syntaxe
Array obj.classList

Description
Contient le tableau indexé des classes CSS affectée à l'objet HTMLElement.
Un élément de tableau supplémentaire value est l'équivalent de la propriété className.

Exemple Affichage des propriété classList

Code source

<div class="myDiv myDivBig" id="myDiv1">Mon div 1</div>
<div class="myDiv myDivMedium" id="myDiv2">Mon div 2</div>
<script>
var tab=document.getElementsByClassName("myDiv");
for (var i=0; i<tab.length; i++) {
with (o=tab[i]) {
console.log("propriété classList de DIV id="+o.id+" : ");
console.log(o.classList);
}
}
</script>

Résultat

Mon div 1

Mon div 2

Emulation de la console

Explication

Affiche le tableau classList de chaque div.

Page en rapport
Introduction au DHTML

Page mise à jour le 14/08/2017