Window getComputedStyle()Methode
Window-ObjektDefinition und Verwendung
Die getComputedStyle()-Methode wird verwendet, um die CSS-Stile eines angegebenen Elements abzurufen.
Die abgerufenen Stile sind die endgültig gerenderten Stile des Elements im Browser.
Syntax
window.getComputedStyle(element, pseudoElement)
Parameterbeschreibung:
- element: Erforderlich. Das Element, dessen Stile abgerufen werden sollen.
- pseudoElement: Optional. Ein Pseudo-Element. Wenn kein Pseudo-Element abgefragt wird, kann es weggelassen oder als null übergeben werden.
Rückgabewert
Das zurückgegebene Objekt ist ein Objekt vom Typ CSSStyleDeclaration.Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Methode unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| getComputedStyle() | 11.0 | 9.0 | 4.0 | 5 | 11.5 |
Beispiel
Beispiel
Ermitteln Sie den Hintergrundfarbwert eines DIV:
function myFunction(){
var elem = document.getElementById("test");
var theCSSprop = window.getComputedStyle(elem, null).getPropertyValue("background-color");
document.getElementById("demo").innerHTML = theCSSprop;
}
Selbst ausprobieren »
Andere Erweiterungen