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:
<div id="elem">
text
</div>
Supongamos que en el archivo CSS se definen los siguientes estilos para él:
#elem {
color: red;
}
Obtenemos una referencia al elemento en una variable:
let elem = document.querySelector('#elem');
Intentemos leer el valor del estilo:
console.log(elem.style.color); // mostrará ''
