जावास्क्रिप्ट का उपयोग करके HTML एलिमेंट में CSS-क्लास कैसे जोड़ें?
सभी को नमस्ते! मैंने अभी 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
```