Problèmes de lecture des styles en JavaScript

Via la propriété style, il est possible de lire uniquement les styles définis via l'attribut style. Cela signifie que les styles définis dans un fichier CSS ne peuvent pas être lus.

Regardons un exemple. Supposons que nous ayons l'élément suivant :

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

Supposons que les styles suivants lui soient attribués dans un fichier CSS :

css#elem {
  color: red;
}

Obtenons une référence à l'élément dans une variable :

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

Essayons de lire la valeur du style :

javascriptconsole.log(elem.style.color); // affichera ''