English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSSStyleDeclaration(Objeto de declaração de estilo) representa um objeto que é um bloco de declaração de estilo CSS, que expõe informações de estilo e vários métodos e propriedades relacionados ao estilo.
O objeto CSSStyleDeclaration representa atributos CSS-Conjunto de valores correspondentes.
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;
}Teste e veja‹/›HTMLElement.styleTratar o estilo inline de um único elemento.
window.getComputedStyle()O objeto CSSStyleDeclaration é exposto como uma interface de apenas leitura.
A tabela a seguir lista os atributos do objeto CSSStyleDeclaration:
| Atributo | Descrição |
|---|---|
| cssText | Definir ou retornar a representação textual do bloco de declaração CSS |
| length | Retornar o número de declarações de estilo no bloco de declaração CSS |
| parentRule | Retornar a regra CSS pai do bloco de estilo |
A tabela a seguir lista os métodos do objeto CSSStyleDeclaration:
| Método | Descrição |
|---|---|
| getPropertyPriority() | Retornar se o atributo CSS especificado possui conjunto de regras 'important' |
| getPropertyValue() | Retornar o valor do atributo CSS especificado |
| item() | Retornar o nome do atributo CSS a partir do bloco de declaração CSS por índice |
| removeProperty() | Remover atributo CSS do bloco de declaração CSS |
| setProperty() | Definir ou modificar atributos CSS existentes ou novos dentro do bloco de declaração CSS |