हल: कैसे जावास्क्रिप्ट के साथ एक सीएसएस चर बदलने के लिए

इस प्रश्न का कोई एक उत्तर नहीं है क्योंकि दो भाषाएँ अलग-अलग तरीकों से चर असाइनमेंट और हेरफेर करती हैं। सामान्यतया, हालांकि, जावास्क्रिप्ट के साथ एक सीएसएस चर को बदलने की कोशिश के साथ एक मुद्दा यह है कि दो भाषाएं चर घोषित करने और उन तक पहुंचने के लिए अलग-अलग सिंटैक्स का उपयोग करती हैं। इसके अतिरिक्त, CSS वेरिएबल्स को आमतौर पर अलग-अलग तत्व स्तर के बजाय स्टाइल शीट स्तर पर परिभाषित किया जाता है, जिससे उन्हें जावास्क्रिप्ट कोड के भीतर से एक्सेस करना मुश्किल हो सकता है।

var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");

यह कोड लाइन CSS वेरिएबल के लिए एक नया मान सेट कर रही है। पहली पंक्ति को "तत्व" की आईडी वाला तत्व मिलता है। दूसरी लाइन CSS वेरिएबल “–वैरिएबल” की वैल्यू को “न्यू-वैल्यू” पर सेट करती है।

सीएसएस चर

CSS चर वैश्विक चर का उपयोग किए बिना आपकी CSS फ़ाइलों में डेटा संग्रहीत करने का एक शानदार तरीका है। आप उनका उपयोग वर्तमान पृष्ठ की चौड़ाई या ऊँचाई, या वर्तमान फ़ॉन्ट आकार जैसी जानकारी संग्रहीत करने के लिए कर सकते हैं।

अपने JavaScript कोड में CSS वेरिएबल का उपयोग करने के लिए, आपको पहले अपने दस्तावेज़ की स्टाइल शीट में css गुण शामिल करना होगा। फिर, आप var कीवर्ड का उपयोग करके वेरिएबल को परिभाषित कर सकते हैं:

var चौड़ाई = document.getElementById ("myElement").offsetWidth;

आप एक चर से अलग-अलग मानों तक पहुँचने के लिए css गुण का भी उपयोग कर सकते हैं:

var चौड़ाई = document.getElementById ("myElement").offsetWidth; var ऊंचाई = दस्तावेज़.getElementById ("myElement").offsetHeight;

सीएसएस को नियंत्रित करें

जावास्क्रिप्ट में, CSS को नियंत्रित करने के कुछ तरीके हैं। सीएसएस संपत्ति का उपयोग करने का एक तरीका है। यह गुण आपको अपने दस्तावेज़ में एक विशिष्ट तत्व के लिए शैली निर्धारित करने की अनुमति देता है।

CSS को नियंत्रित करने का दूसरा तरीका शैली गुण का उपयोग करना है। यह गुण आपको अपने दस्तावेज़ में सभी तत्वों के लिए शैली निर्धारित करने की अनुमति देता है।