वेब पेज या वेबसाइट डिजाइन करने के चरण में, कुछ ऐसी स्थितियाँ होती हैं जहाँ आपको कुछ अपडेट के कारण कुछ विशेष तत्वों तक पहुँचने की आवश्यकता नहीं होती है। इसके अलावा, जब html में एक विशिष्ट तत्व के लिए एक से अधिक वर्ग निर्दिष्ट करने की आवश्यकता होती है। ऐसे मामलों में, जावास्क्रिप्ट में HTML तत्व के वर्ग को बदलने से ऐसी स्थितियों को पूरा करने में बहुत मदद मिलती है।
यह ब्लॉग जावास्क्रिप्ट में एक HTML तत्व की कक्षा को बदलते समय विचार करने के तरीकों को प्रदर्शित करेगा।
जावास्क्रिप्ट के साथ HTML एलिमेंट की क्लास कैसे बदलें?
जावास्क्रिप्ट के साथ एक HTML तत्व के वर्ग को बदलने के लिए, निम्नलिखित तरीकों को लागू किया जा सकता है:
-
- ' कक्षा का नाम ' संपत्ति।
- ' वर्गसूची ' संपत्ति।
दृष्टिकोण 1: क्लासनाम संपत्ति का उपयोग करके जावास्क्रिप्ट के साथ एक HTML तत्व की कक्षा बदलें
यह दृष्टिकोण किसी तत्व से जुड़े बनाए गए वर्ग तक पहुँचने और इसे एक अलग वर्ग निर्दिष्ट करके प्रभावी हो सकता है।
निम्नलिखित उदाहरण घोषित अवधारणा को प्रदर्शित करता है।
उदाहरण
नीचे दिए गए कोड में ' <शरीर> 'टैग, निम्नलिखित शीर्षक को' में शामिल करें ' उपनाम। उसके बाद, निर्दिष्ट बटन बनाएं जिसे एक डिफ़ॉल्ट ' कक्षा जिसे बाद में कोड में बदल दिया जाएगा। साथ ही, इसे ' पहचान 'और एक संलग्न' क्लिक पर 'कार्यक्रम कक्षा () को लागू करने वाली घटना।
बाद में कोड में, निम्नलिखित संदेश को ' 'वर्ग के परिवर्तन पर इसे डीओएम पर प्रदर्शित करने के लिए टैग करें:
HTML कोड:
< तन शैली = 'पाठ-संरेखण: केंद्र;' >< एच 2 > तत्व बदलें कक्षा का नाम
<बटन क्लास = 'डिफॉल्ट क्लास' ऑनक्लिक = 'क्लास ()' आईडी = 'मायबटन'> क्लिक मी
