Wie ändert man die Klasse eines HTML-Elements mit JavaScript?

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen, und komme mit dem Ändern von Klassen bei Elementen auf der Seite nicht klar. Ich habe eine einfache HTML-Struktur: ```html Klick mich ``` Ich möchte, dass beim Klick auf den Button die Klasse des div von "red" auf "blue" wechselt (also die Farbe von Rot zu Blau ändert). Ich habe versucht, so etwas wie `document.getElementById('myDiv').class = 'blue'` zu schreiben, aber das funktioniert nicht. In der Konsole erscheint der Fehler: "Uncaught TypeError: Cannot set properties of null". Obwohl das Element definitiv auf der Seite existiert, habe ich es überprüft. Dann habe ich herausgefunden, dass man `className` verwenden muss, aber wenn ich `document.getElementById('myDiv').className = 'blue'` schreibe, verschwindet die Klasse "box" vom Element, und ich möchte, dass sie erhalten bleibt. Ich möchte also nur eine Klasse ersetzen, nicht alle. Könnt ihr mir sagen, wie man richtig mit Klassen in JavaScript arbeitet? Wie füge ich eine neue Klasse hinzu, ohne die alten zu löschen? Wie entferne ich eine bestimmte Klasse? Und wie