Window.getComputedStyle

Baseline

Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.

Ver la compatibilidad completa
Más información

Resumen

Devuelve el estilo computado del elemento. Los estilos computados representan los valores finales computed (en) de las propiedades CSS del elemento.

Sintaxis

var style = window.getComputedStyle(element, pseudoElt);

element es un element.
pseudoElt es una cadena que especifica el pseudo elemento a tratar. Debería ser una cadena vacia para la mayoría de los elementos element.
style es un objeto del tipo CSSStyleDeclaration .

Ejemplo

var element = document.getElementById(“elemId”);
var style = document.defaultView.getComputedStyle(element, pseudoElt);

El objeto devuelto es del mismo tipo que el objeto devuelto por la propiedad style del elemento, sin embargo ambos objetos tienen un propósito distinto. El objeto devuelto por getComputedStyle es de sólo lectura y puede usarse para inspeccionar el estilo del elemento (incluyendo los estilos de una etiqueta <style> o una hoja de estlo). El objeto elt.style debería usarse para establecerel estilo de un elemento específico.

El primer argumento debe ser un Element, no un nodo (como en #texto Node).