Comment changer la classe d'un élément en JavaScript ? Guide complet

Bonjour à tous ! Je viens de commencer à apprendre JavaScript et j'ai rencontré un problème. J'ai une page HTML avec plusieurs éléments, et je dois changer dynamiquement leurs classes lors d'un clic ou d'autres événements. Par exemple, il y a un bouton qui doit se mettre en surbrillance lorsqu'on clique dessus, ou un bloc qui doit se cacher/afficher. Voici mon code : ```html Cliquez-moi ``` Je sais qu'on peut utiliser `className`, mais j'ai lu que ce n'est pas toujours correct. J'ai essayé ceci : ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` Mais cela ne fonctionne qu'une seule fois — si je clique à nouveau, la classe ne se retire pas. Et si l'élément a déjà plusieurs classes, elles sont toutes effacées. Comment ajouter, supprimer et basculer correctement les classes ? J'ai besoin d'un exemple complet avec des explications. Merci d'avance ! <<>>

Utilisation de classList — la méthode moderne