Comment ajouter une classe CSS à un élément HTML avec JavaScript ?

Bonjour à tous ! Je viens de commencer à apprendre JavaScript et j'ai rencontré un problème : je dois changer dynamiquement le style d'un élément sur la page lors d'un clic sur un bouton. Je sais que cela peut être fait en ajoutant une classe CSS, mais je n'arrive pas à comprendre comment le réaliser correctement. J'ai un simple balisage HTML : ```html Cliquez-moi ``` Et la classe CSS que je veux ajouter : ```css .highlight { background-color: yellow; font-weight: bold; } ``` J'ai essayé d'écrire ce code, mais il ne fonctionne pas : ```javascript let div = document.getElementById('myDiv'); div.class = 'highlight'; // Ne fonctionne pas ``` Ensuite, j'ai trouvé quelque chose sur `className` sur Internet, j'ai essayé ceci : ```javascript div.className = 'highlight'; // Cela semble fonctionner, mais si l'élément a déjà des classes, elles disparaissent ``` S'il vous plaît, dites-moi comment ajouter correctement une classe à un élément sans supprimer les anciennes classes ? Et existe-t-il