Problemas de leitura de estilos em JavaScript
Através da propriedade style, é possível
ler apenas os estilos definidos
através do atributo style. Isso
significa que os estilos definidos em um arquivo
CSS não podem ser lidos.
Vamos ver um exemplo. Suponha que temos o seguinte elemento:
<div id="elem">
texto
</div>
Suponha que no arquivo CSS os seguintes estilos sejam definidos para ele:
#elem {
color: red;
}
Vamos obter uma referência ao elemento em uma variável:
let elem = document.querySelector('#elem');
Vamos tentar ler o valor do estilo:
console.log(elem.style.color); // exibirá ''
