كيفية إضافة فئة CSS إلى عنصر HTML باستخدام JavaScript؟

```html مرحبًا بالجميع! لقد بدأت للتو في تعلم JavaScript وواجهت هذه المهمة: أحتاج إلى تغيير نمط عنصر في الصفحة ديناميكيًا عند النقر على زر. أعلم أنه يمكن القيام بذلك عن طريق إضافة CSS-класс، لكنني لا أستطيع فهم كيفية تنفيذ ذلك بشكل صحيح. لدي ترميز HTML بسيط: ```html اضغط علي ``` وCSS-класс الذي أريد إضافته: ```css .highlight { background-color: yellow; font-weight: bold; } ``` حاولت كتابة هذا الكود لكنه لا يعمل: ```javascript let div = document.getElementById('myDiv'); div.class = 'highlight'; // لا يعمل ``` ثم وجدت على الإنترنت شيئًا عن `className`، جربت هكذا: ```javascript div.className = 'highlight'; // يبدو أنه يعمل، لكن إذا كان العنصر لديه فئات بالفعل، فإنها تختفي ``` أرجو إخباري، من فضلكم، كيف يمكن إضافة فئة إلى عنصر بحيث لا تُحذف الفئات القديمة؟ وهل هناك طريقة للتحقق مما إذا كانت الفئة موجودة بالفعل؟ ```