English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
-
1
var output = document.getElementById("result");
function myFunc1() {
var styleObj = heading.style;
output.innerHTML = styleObj.cssText;
}
function myFunc2() {
var prop = window.getComputedStyle(heading, null).getPropertyValue("color");
output.innerHTML = prop;
}Testen Sie heraus, ob‹/›HTMLElement.styleVerarbeitung der Inline-Stile eines einzelnen Elements.
window.getComputedStyle()Das CSSStyleDeclaration-Objekt wird als schreibgeschütztes Interface öffentlich.
Nachstehende Tabelle listet die Eigenschaften des CSSStyleDeclaration-Objekts auf:
| Eigenschaft | Beschreibung |
|---|---|
| cssText | Textdarstellung des CSS-Declarations-Blocks setzen oder zurückgeben |
| length | Anzahl der Style-Deklarationen im CSS-Declarations-Block zurückgeben |
| parentRule | CSS-Regel als Elternteil des Style-Blocks zurückgeben |
Nachstehende Tabelle listet die Methoden des CSSStyleDeclaration-Objekts auf:
| Methode | Beschreibung |
|---|---|
| getPropertyPriority() | Rückgabe, ob das angegebene CSS-Attribute das Regelsatz „!important“ hat |
| getPropertyValue() | Wert der angegebenen CSS-Attribute zurückgeben |
| item() | CSS-Attribute über Index aus dem CSS-Declarations-Block zurückgeben |
| removeProperty() | CSS-Attribute aus dem CSS-Declarations-Block löschen |
| setProperty() | Neue oder bestehende CSS-Attribute im CSS-Declarations-Block setzen oder ändern |