Problemas de lectura de estilos en JavaScript

A través de la propiedad style es posible leer solo los estilos establecidos a través del atributo style. Esto significa que los estilos definidos en un archivo CSS no se pueden leer.

Veamos un ejemplo. Supongamos que tenemos el siguiente elemento:

html<div id="elem">
  text
</div>

Supongamos que en el archivo CSS se definen los siguientes estilos para él:

css#elem {
  color: red;
}

Obtenemos una referencia al elemento en una variable:

javascriptlet elem = document.querySelector('#elem');

Intentemos leer el valor del estilo:

javascriptconsole.log(elem.style.color); // mostrará ''