"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मैं जावास्क्रिप्ट का उपयोग करके बाहरी स्टाइलशीट में परिभाषित सीएसएस मानों को कैसे संशोधित कर सकता हूं?

मैं जावास्क्रिप्ट का उपयोग करके बाहरी स्टाइलशीट में परिभाषित सीएसएस मानों को कैसे संशोधित कर सकता हूं?

2024-11-09 को प्रकाशित
ब्राउज़ करें:308

How Can I Modify CSS Values Defined in External Stylesheets Using JavaScript?

जावास्क्रिप्ट के साथ सीएसएस मूल्य संशोधन

जावास्क्रिप्ट इनलाइन सीएसएस मान सेट करने का एक आसान तरीका प्रदान करता है। हालाँकि, स्टाइलशीट में परिभाषित सीएसएस मानों को संशोधित करते समय यह विधि एक चुनौती पैदा कर सकती है जो इनलाइन नहीं हैं। इनलाइन नहीं, जावास्क्रिप्ट document.styleSheets के माध्यम से स्टाइलशीट तक पहुंच की अनुमति देता है। यह फ़ंक्शन दस्तावेज़ में सभी स्टाइलशीट की एक सरणी लौटाता है। विशिष्ट स्टाइलशीट का पता लगाने के लिए, document.styleSheets[styleIndex].href प्रॉपर्टी का उपयोग करें।

स्टाइलशीट सीएसएस नियम संशोधित करना

एक बार वांछित स्टाइलशीट की पहचान हो जाने के बाद, अगला चरण सीएसएस नियमों की एक श्रृंखला प्राप्त करना है। इस सारणी को इंटरनेट एक्सप्लोरर के लिए नियम प्रॉपर्टी और अधिकांश अन्य ब्राउज़रों के लिए सीएसएसरूल्स का उपयोग करके एक्सेस किया जाता है। प्रत्येक नियम को उसकी चयनकर्ता टेक्स्ट प्रॉपर्टी द्वारा अलग किया जा सकता है।

सीएसएस मान को संशोधित करने के लिए, नियम की वैल्यू प्रॉपर्टी सेट करें। अपडेट किया गया कोड इस जैसा दिखेगा:

var cssRuleCode = document.all? 'नियम' : 'cssRules'; //आईई और एफएफ के लिए खाता var नियम = document.styleSheets[styleIndex][cssRuleCode][ruleIndex]; var चयनकर्ता = नियम.चयनकर्ता पाठ; //शायद '#tId' var मान = नियम.मूल्य; // चयनकर्ता टेक्स्ट और मान दोनों सेट करने योग्य हैं।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3