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;
}Prueba a ver‹/›HTMLElement.styleManejo de estilos en línea de un solo elemento.
window.getComputedStyle()El objeto CSSStyleDeclaration se expone como una interfaz de solo lectura.
La siguiente tabla enumera los atributos del objeto CSSStyleDeclaration:
| Atributo | Descripción |
|---|---|
| cssText | Establecer o devolver la representación de texto del bloque de declaraciones CSS |
| length | Devolver el número de declaraciones de estilo en el bloque de declaraciones CSS |
| parentRule | Devolver la regla CSS del padre del bloque de estilo |
La siguiente tabla enumera los métodos del objeto CSSStyleDeclaration:
| Método | Descripción |
|---|---|
| getPropertyPriority() | Devolver si la propiedad CSS especificada tiene una regla de conjunto de reglas '!important' |
| getPropertyValue() | Devolver el valor de la propiedad CSS especificada |
| item() | Devolver el nombre de la propiedad CSS desde el bloque de declaraciones CSS a través de un índice |
| removeProperty() | Eliminar propiedades CSS del bloque de declaraciones CSS |
| setProperty() | Establecer nuevas o modificar propiedades CSS existentes en el bloque de declaraciones CSS |