विंडो getComputedStyle ()
उदाहरण
किसी तत्व की गणना की गई पृष्ठभूमि का रंग प्राप्त करें:
const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, null);
let bgColor = cssObj.getPropertyValue("background-color");
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
विधि एक HTML तत्व के getComputedStyle()
परिकलित CSS गुण और मान प्राप्त करती है।
विधि एक getComputedStyle()
लौटाती है
CSSStyleDeclaration object
।
परिकलित शैली
परिकलित शैली वह शैली है जिसका उपयोग सभी स्टाइलिंग स्रोतों के लागू होने के बाद तत्व पर किया जाता है।
शैली स्रोत: बाहरी और आंतरिक शैली पत्रक, विरासत में मिली शैलियाँ और ब्राउज़र डिफ़ॉल्ट शैलियाँ।
यह सभी देखें:
वाक्य - विन्यास
window.getComputedStyle(element, pseudoElement)
मापदंडों
Parameter | Description |
element | Required. The element to get the computed style for. |
pseudoElement | Optional. A pseudo-element to get. |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
एक वस्तु | एक CSSStyleDeclaration ऑब्जेक्ट जिसमें सभी CSS गुण और तत्व के मान हैं। |
और ज्यादा उदाहरण
किसी तत्व से सभी परिकलित शैलियाँ प्राप्त करें:
const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, null);
let text = "";
for (x in cssObj) {
cssObjProp = cssObj.item(x)
text += cssObjProp + " = " + cssObj.getPropertyValue(cssObjProp) + "<br>";
}
किसी तत्व में पहले अक्षर का परिकलित फ़ॉन्ट आकार प्राप्त करें (छद्म-तत्व का उपयोग करके):
const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, ":first-letter")
let size = cssObj.getPropertyValue("font-size");
ब्राउज़र समर्थन
getComputedStyle()
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |