L'attribut

className est utilisé pour changer la classe d'un élément. Ici, nous verrons deux exemples -

• Comment changer la classe d'un élément à l'aide de l'attribut className.
• Comment basculer entre les anciens et les nouveaux cours.

Changez la classe d'un élément à l'aide de l'attribut className

Dans cet exemple, nous allons changer la classe d'un élément en utilisant l'attribut className. Disons que nous avons un div avec la classe oldStyle -

 
The div...
 

Nous utiliserons l'attribut className pour définir la classe oldStyle ci-dessus sur une nouvelle classe, c'est-à-dire newStyle -

function demoFunction() { document.getElementById("mydiv").className = "newStyle"; }

Nous avons réalisé ce qui précède en appelant demoFunction() en cliquant sur le bouton suivant -

Click the below button to change the class
 Change Class

Exemple

Voyons l'exemple complet -

    
Changing the class
 
Click the below button to change the class
 Change Class 
 
The div...
 
   

Basculez entre les anciennes et les nouvelles catégories

Exemple

Nous pouvons également créer un bouton qui fonctionne dans les deux sens, c'est-à-dire basculer. Cliquer à nouveau sur le bouton le ramène -

    
Toggle the class
 
Click the below button to toggle the classes
 Toggle Class 
 
The div...
 
   

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!