सोडवले: जावास्क्रिप्टसह सीएसएस व्हेरिएबल कसे बदलायचे

या प्रश्नाचे कोणतेही एकच उत्तर नाही कारण दोन भाषा वेगवेगळ्या प्रकारे व्हेरिएबल असाइनमेंट आणि मॅनिपुलेशनकडे जातात. साधारणपणे, तथापि, JavaScript सह CSS व्हेरिएबल बदलण्याचा प्रयत्न करताना एक समस्या अशी आहे की दोन भाषा व्हेरिएबल घोषित करण्यासाठी आणि प्रवेश करण्यासाठी भिन्न वाक्यरचना वापरतात. याव्यतिरिक्त, CSS व्हेरिएबल्स सामान्यत: वैयक्तिक घटक स्तरावर ऐवजी शैली पत्रक स्तरावर परिभाषित केले जातात, ज्यामुळे त्यांना JavaScript कोडमधून प्रवेश करणे कठीण होऊ शकते.

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

ही कोड लाइन CSS व्हेरिएबलसाठी नवीन मूल्य सेट करत आहे. पहिल्या ओळीला "एलिमेंट" च्या आयडीसह घटक मिळतो. दुसरी ओळ CSS व्हेरिएबल “–variable” चे मूल्य “new-value” वर सेट करते.

CSS व्हेरिएबल्स

CSS व्हेरिएबल्स हे ग्लोबल व्हेरिएबल्स न वापरता तुमच्या CSS फाइल्समध्ये डेटा स्टोअर करण्याचा उत्तम मार्ग आहे. वर्तमान पृष्ठाची रुंदी किंवा उंची किंवा वर्तमान फॉन्ट आकार यासारखी माहिती संग्रहित करण्यासाठी तुम्ही त्यांचा वापर करू शकता.

तुमच्या JavaScript कोडमध्ये CSS व्हेरिएबल वापरण्यासाठी, तुम्हाला प्रथम तुमच्या दस्तऐवजाच्या स्टाईल शीटमध्ये css गुणधर्म समाविष्ट करणे आवश्यक आहे. त्यानंतर, तुम्ही var कीवर्ड वापरून व्हेरिएबल परिभाषित करू शकता:

var रुंदी = document.getElementById(“myElement”).offsetWidth;

व्हेरिएबलमधून वैयक्तिक मूल्यांमध्ये प्रवेश करण्यासाठी तुम्ही css गुणधर्म देखील वापरू शकता:

var रुंदी = document.getElementById(“myElement”).offsetWidth; var उंची = document.getElementById(“myElement”).offsetHeight;

CSS नियंत्रित करा

JavaScript मध्ये, CSS नियंत्रित करण्याचे काही मार्ग आहेत. एक मार्ग म्हणजे css गुणधर्म वापरणे. ही मालमत्ता तुम्हाला तुमच्या दस्तऐवजातील विशिष्ट घटकासाठी शैली सेट करण्याची परवानगी देते.

CSS नियंत्रित करण्याचा दुसरा मार्ग म्हणजे शैली गुणधर्म वापरणे. ही मालमत्ता तुम्हाला तुमच्या दस्तऐवजातील सर्व घटकांसाठी शैली सेट करण्याची परवानगी देते.