दिलचस्प पोस्ट
सिथन के साथ सी कोड का सरल लपेटन इकाई के लिए LINQ विधि को पहचान नहीं करता अंतिम वास्तव में? स्क्रीन पर एक पॉपअप विंडो केंद्र? एंड्रॉइड के लिए एसक्यूएलटी एन्क्रिप्शन क्यों (0-6) है -6 = गलत है? आप ऑब्जेक्ट के प्रकार (स्विफ्ट में) कैसे पता लगा सकते हैं? क्या अच्छा प्रौद्योगिकी पॉडकास्ट वहाँ बाहर हैं? (पायथन) इसे स्थापित करने के बजाय स्थानीय स्तर पर एक पुस्तकालय का उपयोग करें हेक्स रंग को आरजीबी में परिवर्तित करना और इसके विपरीत वीडियो फसल के लिए मैं AVFoundation का उपयोग कैसे करूं? सूचीबैक्स को पॉप्युलेट करने के लिए मैं सभी देशों / शहरों की सूची कहां प्राप्त कर सकता हूं? अंदरूनी ब्लॉक से विधि ऑब्जेक्ट रिटर्निंग मैं AdMob के लिए उपकरण आईडी कैसे प्राप्त करूं? शुद्ध जावास्क्रिप्ट में मैं तत्व का वर्ग कैसे टॉगल कर सकता हूं? कैसे mysqli में लेनदेन शुरू और अंत?

जावास्क्रिप्ट के द्वारा सीएसएस छद्म-तत्व शैलियों को बदलना

क्या जावास्क्रिप्ट के द्वारा सीएसएस छद्म-तत्व शैली को बदलना संभव है?

उदाहरण के लिए, मैं इस तरह स्क्रॉलबार का रंग गतिशील रूप से सेट करना चाहता हूं:

document.querySelector("#editor::-webkit-scrollbar-thumb:vertical").style.background = localStorage.getItem("Color"); 

और मैं भी स्क्रॉलबार को ऐसा छिपाने के लिए कहने में सक्षम होना चाहता हूं:

 document.querySelector("#editor::-webkit-scrollbar").style.visibility = "hidden"; 

इन दोनों लिपियों, हालांकि, वापसी:

अनक्यूट टाइप एरर: नल की संपत्ति 'शैली' पढ़ा नहीं जा सकता

क्या इस बारे में जाने का कोई दूसरा तरीका है?
क्रॉस-ब्राउज़र इंटरऑपरेबिलिटी महत्वपूर्ण नहीं है, मुझे वेबकिट ब्राउज़र में काम करने की आवश्यकता है।

वेब के समाधान से एकत्रित समाधान "जावास्क्रिप्ट के द्वारा सीएसएस छद्म-तत्व शैलियों को बदलना"

संपादित करें : तकनीकी रूप से सीएसएस छद्म-तत्व शैलियों को सीधे जावास्क्रिप्ट के माध्यम से बदलने का एक तरीका है, क्योंकि यह उत्तर का वर्णन है , लेकिन यहां प्रदान की जाने वाली विधि बेहतर है।

जावास्क्रिप्ट में छद्म-तत्व की शैली को बदलने के लिए निकटतम वर्ग जोड़ना और निकालना है, फिर उन वर्गों के साथ छद्म तत्व का उपयोग करना। स्क्रॉलबार छुपाने के लिए एक उदाहरण:

सीएसएस

 .hidden-scrollbar::-webkit-scrollbar { visibility: hidden; } 

जावास्क्रिप्ट

 document.getElementById("editor").classList.add('hidden-scrollbar'); 

बाद में उसी श्रेणी को हटाने के लिए, आप इसका उपयोग कर सकते हैं:

 document.getElementById("editor").classList.remove('hidden-scrollbar'); 

किसी मौजूदा एक को संपादित करने के लिए जिस पर आपके पास कोई सीधा संदर्भ नहीं है, पृष्ठ पर सभी स्टाइल शीट को फिर से करने के लिए आवश्यक है और फिर प्रत्येक में सभी नियमों को फिर से चलाना और फिर चयनकर्ता से मिलान करने वाला स्ट्रिंग

यहाँ एक पद्धति का एक संदर्भ है जिसे मैं छद्म तत्वों के लिए नया सीएसएस जोड़ने के लिए पोस्ट किया था, आसान संस्करण जहां आप जेएस से सेटिंग कर रहे हैं

जावास्क्रिप्ट सेट सीएसएस: शैलियों के बाद

 var addRule = (function (style) { var sheet = document.head.appendChild(style).sheet; return function (selector, css) { var propText = typeof css === "string" ? css : Object.keys(css).map(function (p) { return p + ":" + (p === "content" ? "'" + css[p] + "'" : css[p]); }).join(";"); sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length); }; })(document.createElement("style")); addRule("p:before", { display: "block", width: "100px", height: "100px", background: "red", "border-radius": "50%", content: "''" }); 

sheet.insertRule नए नियम का sheet.insertRule देता है जिसे आप इसके लिए एक संदर्भ प्राप्त करने के लिए उपयोग कर सकते हैं जिसे बाद में इसे संपादित करने के लिए इस्तेमाल किया जा सकता है।

आप जावास्क्रिप्ट में psuedo-elements में शैलियों को लागू नहीं कर सकते।

हालांकि, आप अपने दस्तावेज़ के शीर्ष पर एक <style> टैग जोड़ सकते हैं (या एक प्लेसहोल्डिंग <style id='mystyles'> और उसकी सामग्री बदल सकते हैं), जो शैलियों को समायोजित करता है (यह अन्य स्टाइलशीट में लदान से बेहतर काम करेगा, क्योंकि एम्बेडेड <style> टैग <link> 'डी से अधिक श्रेष्ठता है, यह सुनिश्चित करने के लिए कि आपको कैस्केडिंग समस्याएं नहीं मिलेंगी

वैकल्पिक रूप से, आप अलग-अलग वर्ग के नामों का उपयोग कर सकते हैं और मूल स्टाइलशीट में अलग-अलग psuedo-element शैलियों के साथ उन्हें परिभाषित कर सकते हैं।

मैंने एक प्रश्न पोस्ट किया, लेकिन पूरी तरह से पसंद नहीं है, यह प्रश्न।

मुझे छद्म तत्वों के लिए शैलियों को पुनः प्राप्त करने और बदलने का एक तरीका मिल गया और उन्होंने पूछा कि लोगों ने विधि के बारे में क्या सोचा है।

मेरा प्रश्न छद्म तत्वों के लिए सीएसएस नियमों को प्राप्त करना या बदलना है

असल में, आप एक बयान के माध्यम से एक शैली प्राप्त कर सकते हैं जैसे:

 document.styleSheets[0].cssRules[0].style.backgroundColor 

और इसके साथ एक परिवर्तन करें:

document.styleSheets [0] .cssRules [0] .style.backgroundColor = newColor;

आप निश्चित रूप से स्टाइलशीट और सीएसएसआर्यूल इंडेक्स को बदलना होगा। मेरे प्रश्न और टिप्पणियों को आकर्षित किया

मैंने छद्म तत्वों के साथ-साथ "नियमित" तत्व / शैलियों के लिए यह काम पाया है

एक डेटा विशेषता सबसे अच्छा समाधान होगा देख

http://pankajparashar.com/posts/modify-pseudo-elements-css/

आप cssom का भी उपयोग कर सकते हैं। ऊपर दिए गए लिंक में विधि 4 देखें

ऐसा लगता है कि प्रश्नपत्रक छद्म-वर्गों / छद्म तत्वों के साथ काम नहीं करेगा, कम से कम उन लोगों के लिए नहीं। केवल एक चीज जो मैं सोच सकता हूँ वह एक स्टाइलशीट (या मौजूदा एक को बदलने) को गतिशील रूप से जोड़ना है ताकि आपको क्या चाहिए।

यहां बहुत अच्छे उदाहरण हैं: मैं वेबकिट (सफ़ारी / क्रोम) में गतिशील रूप से सीएसएस नियम कैसे लोड करूं?