2012-04-02 20 views
9

जावास्क्रिप्ट का उपयोग करके, मैं वास्तविक एक सीएसएस संपत्ति के लिए मूल्य कैसे प्राप्त कर सकता हूं जो विरासत में है?जावास्क्रिप्ट का उपयोग कर तत्व के वास्तविक विरासत सीएसएस को मैं कैसे प्राप्त कर सकता हूं?

उदाहरण के लिए, निम्न HTML पर विचार करें:

<p><span style="font-size:24pt;">Test #1</span></p>​ 
<p style="font-size:24pt;">Test <span style="font-weight:bold;">#2</span></p>​ 

jQuery कोड $('p span').css('fontSize') का उपयोग 32px नहीं 24pt निकलेगा क्योंकि यह getComputedStyle जो इस्तेमाल किया मूल्य, नहीं वास्तविक विरासत में मिला मूल्य रिटर्न उपयोग करता है। लेकिन कभी-कभी शैली सीधे उस तत्व पर होगी जो मैं लक्षित कर रहा हूं, कभी-कभी इसे विरासत में प्राप्त किया जाएगा।

Here is a test case। मैं जावास्क्रिप्ट का उपयोग कर वास्तविक तत्व के विरासत में प्राप्त सीएसएस कैसे प्राप्त कर सकता हूं?

+0

यहां मुद्दा यह है कि मान को पिक्सेल में परिवर्तित किया जा रहा है। '32 पीएक्स'' 24pt' है। http://reeddesign.co.uk/test/points-pixels.html इस डेमो को जांचें: http://jsfiddle.net/mvqPE/1/ –

+0

@ रॉकेट: दाएं। यह * बिल्कुल * मुद्दा है जिसे मैं हल करने की कोशिश कर रहा हूं :-p और यही मेरा मतलब है 'वास्तविक' बनाम 'प्रयुक्त' मान – Josh

+1

द्वारा मेरा मतलब है कि आपको "वास्तविक" मान नहीं मिल सकता है ('शैली' विशेषता को पढ़ने से कम)। http://stackoverflow.com/a/1314845 –

उत्तर

2

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

+0

(लगता है कि मिकरोबी का संदर्भ थोड़ा पुराना है?) – Arjan

संबंधित मुद्दे

 संबंधित मुद्दे