English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'objet CSSStyleDeclaration (objet de déclaration de style) représente un objet, il s'agit d'un bloc de déclaration de style CSS, il rend public les informations de style ainsi que diverses méthodes et attributs liés aux styles.
L'objet CSSStyleDeclaration représente les attributs CSS-Ensemble de valeurs correspondantes.
var heading = document.getElementsByTagName("h"1])[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;
}Voyons voir‹/›HTMLElement.styleGérer les styles en ligne d'un seul élément.
window.getComputedStyle()Le objet CSSStyleDeclaration est rendu accessible en lecture seule.
Le tableau suivant liste les propriétés de l'objet CSSStyleDeclaration :
| Propriété | Description |
|---|---|
| cssText | Définir ou retourner le représentation texte du bloc de déclaration CSS |
| length | Retourner le nombre de déclarations de style dans le bloc de déclaration CSS |
| parentRule | Retourner la règle CSS parent du bloc de style |
Le tableau suivant liste les méthodes de l'objet CSSStyleDeclaration :
| Méthode | Description |
|---|---|
| getPropertyPriority() | Retourner si la propriété CSS spécifiée a un ensemble de règles 'important' |
| getPropertyValue() | Retourner la valeur de la propriété CSS spécifiée |
| item() | Retourner le nom de la propriété CSS à partir d'un bloc de déclaration CSS par index |
| removeProperty() | Supprimer une propriété CSS d'un bloc de déclaration CSS |
| setProperty() | Définir ou modifier une propriété CSS existante ou nouvelle dans un bloc de déclaration CSS |