English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSSStyleDeclaration(oggetto dichiarazione di stile) rappresenta un oggetto che è un blocco di dichiarazioni CSS, che rende pubblico le informazioni di stile e vari metodi e attributi relativi allo stile.
L'oggetto CSSStyleDeclaration rappresenta una raccolta di coppie di attributi CSS-valore.
var heading = document.getElementsByTagName("h1")[0];
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;
}Prova a vedere‹/›HTMLElement.styleElaborare lo stile in linea di un singolo elemento.
window.getComputedStyle()L'oggetto CSSStyleDeclaration viene reso un'interfaccia di sola lettura.
La tabella seguente elenca le proprietà dell'oggetto CSSStyleDeclaration:
| Proprietà | Descrizione |
|---|---|
| cssText | Imposta o restituisce la rappresentazione testuale del blocco di dichiarazione CSS |
| length | Restituisce il numero di dichiarazioni di stile nel blocco di dichiarazione CSS |
| parentRule | Restituisce la regola CSS del genitore del blocco di stile |
La tabella seguente elenca i metodi dell'oggetto CSSStyleDeclaration:
| Metodo | Descrizione |
|---|---|
| getPropertyPriority() | Restituisce se l'attributo CSS specificato ha un set di regole "!important" |
| getPropertyValue() | Restituisce il valore dell'attributo CSS specificato |
| item() | Restituisce il nome dell'attributo CSS dal blocco di dichiarazione CSS tramite l'indice |
| removeProperty() | Elimina un attributo CSS dal blocco di dichiarazione CSS |
| setProperty() | Imposta o modifica un nuovo attributo CSS nel blocco di dichiarazione CSS |