सभी सीएसएस शैली गुणों तक पहुंच प्राप्त करें?

Question

मैं जावास्क्रिप्ट के माध्यम से सभी सीएसएस गुणों (केवल विशिष्ट चयनकर्ता या तत्व के लिए नहीं बल्कि सभी के लिए) तक पहुंच प्राप्त करना चाहता हूं।

मैं .style संग्रह के सभी गुणों के माध्यम से पुन: प्रयास करना चाहता हूं।

मैं यह कैसे कर सकता हूं?

Answer 1

आप CSSStyleDeclaration object का उपयोग कर सकते हैं। एक CSSStyleDeclaration ऑब्जेक्ट जावास्क्रिप्ट गुणों के माध्यम से उपलब्ध सीएसएस शैली विशेषताओं बनाता है। इन जावास्क्रिप्ट गुणों के नाम सीएसएस विशेषता नामों के साथ निकटता से मेल खाते हैं।

cssText
शैली विशेषताएं और उनके मान का एक सेट का शाब्दिक प्रतिनिधित्व:

इस वस्तु दो अतिरिक्त गुण है। पाठ को एक सीएसएस स्टाइलशीट में स्वरूपित किया गया है, तत्व चयनकर्ता और घुमावदार ब्रेसिज़ को कम करता है जो गुणों और मानों को घेरे हुए हैं।

लंबाई
इस CSSStyleDeclaration में निहित विशेषता/मान युग्म की संख्या। एक CSSStyleDeclaration ऑब्जेक्ट भी एक सरणी जैसी वस्तु है जिसका तत्व घोषित सीएसएस शैली विशेषताओं के नाम हैं।

https://developer.mozilla.org/en/DOM/CSSStyleDeclaration
https://developer.mozilla.org/en/DOM/CSS

Answer 2

आप यहां जावास्क्रिप्ट से स्टाइल शीट तक पहुंचने के तरीके को देख सकते हैं: http://www.quirksmode.org/dom/changess.html।

यह आईई बनाम अन्य ब्राउज़रों में अलग है और यह सभी क्रॉस ब्राउज़र सामान को सही करने के लिए थोड़ा दर्द है।

var theRules = new Array(); 
if (document.styleSheets[1].cssRules) 
    theRules = document.styleSheets[1].cssRules 
else if (document.styleSheets[1].rules) 
    theRules = document.styleSheets[1].rules 

अक्सर, तुम सिर्फ कई सीएसएस नियम परिभाषित कर लेते हैं और फिर आदेश लागू किया शैलियों को बदलने के लिए विभिन्न वस्तुओं से जोड़ सकते हैं या वर्गों को हटा दें।

Answer 3

//to loop through the available css properties using jQuery 
$(document).ready(function() { 
    availableProps = getComputedStyle(document.body); 
    $.each(availableProps, function(propCount, cssProp) { 
     console.log('CSS Property : ' + cssProp); 
    }); 
});