Retourner à la page d'accueil de TJS

Collection : HTMLElement.classList[]

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

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

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 18/09/2019 09:02:44 sur php7 en 79.05 ms