Avatar ·

JavaScript में किसी एलिमेंट का class कैसे बदलें? पूर्ण गाइड

सभी को नमस्ते! मैंने अभी JavaScript सीखना शुरू किया है और एक समस्या का सामना किया है। मेरे पास कई एलिमेंट्स वाला एक HTML पेज है, और मुझे क्लिक या अन्य इवेंट्स पर उनके classes को डायनामिक रूप से बदलने की आवश्यकता है। उदाहरण के लिए, एक बटन है जो दबाने पर हाइलाइट होना चाहिए, या एक ब्लॉक जो छिपना/दिखना चाहिए। यहाँ मेरा कोड है: ```html
यह ब्लॉक रंग बदलना चाहिए
``` मुझे पता है कि `className` का उपयोग किया जा सकता है, लेकिन मैंने पढ़ा है कि यह हमेशा सही नहीं होता। मैंने ऐसा प्रयास किया: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` लेकिन यह केवल एक बार काम करता है — यदि मैं फिर से दबाता हूँ, तो class हटता नहीं है। और यदि एलिमेंट में पहले से कई classes हैं, तो वे सभी मिट जाती हैं। Classes को सही तरीके से कैसे जोड़ें, हटाएं और टॉगल करें? स्पष्टीकरण के साथ पूर्ण उदाहरण चाहिए। पहले से धन्यवाद! <<>>

classList का उपयोग — आधुनिक