Wie ändere ich die Klasse eines Elements in JavaScript? Vollständige Anleitung

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen und bin auf ein Problem gestoßen. Ich habe eine HTML-Seite mit mehreren Elementen und muss deren Klassen dynamisch bei Klicks oder anderen Ereignissen ändern. Zum Beispiel gibt es einen Button, der beim Drücken hervorgehoben werden soll, oder einen Block, der ein-/ausgeblendet werden soll. Hier ist mein Code: ```html Drück mich ``` Ich weiß, dass man `className` verwenden kann, aber ich habe gelesen, dass das nicht immer richtig ist. Ich habe es so versucht: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` Aber das funktioniert nur einmal – wenn ich erneut klicke, wird die Klasse nicht entfernt. Und wenn das Element bereits mehrere Klassen hat, werden alle gelöscht. Wie füge ich Klassen richtig hinzu, entferne sie und schalte sie um? Ich brauche ein vollständiges Beispiel mit Erklärungen. Vielen Dank im Voraus! <<>>

Verwendung von classList – der moderne