Wie füge ich einem HTML-Element mit JavaScript eine CSS-Klasse hinzu?

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen, und bin auf folgende Aufgabe gestoßen: Ich muss dynamisch den Stil eines Elements auf der Seite ändern, wenn auf einen Button geklickt wird. Ich weiß, dass dies durch das Hinzufügen einer CSS-Klasse möglich ist, aber ich verstehe nicht, wie ich es richtig umsetzen kann. Ich habe ein einfaches HTML-Markup: ```html Drück mich ``` Und die CSS-Klasse, die ich hinzufügen möchte: ```css .highlight { background-color: yellow; font-weight: bold; } ``` Ich habe versucht, diesen Code zu schreiben, aber er funktioniert nicht: ```javascript let div = document.getElementById('myDiv'); div.class = 'highlight'; // Funktioniert nicht ``` Dann habe ich im Internet etwas über `className` gefunden und es so versucht: ```javascript div.className = 'highlight'; // Scheint zu funktionieren, aber wenn das Element bereits Klassen hat, gehen sie verloren ``` Könnt ihr mir bitte sagen, wie ich eine Klasse zu einem Element hinzufügen kann, ohne dass die alten Klassen entfernt werden? Und gibt es...