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 :
<div id="elem">
text
</div>
Supposons que les styles suivants lui soient attribués dans un fichier CSS :
#elem {
color: red;
}
Obtenons une référence à l'élément dans une variable :
let elem = document.querySelector('#elem');
Essayons de lire la valeur du style :
console.log(elem.style.color); // affichera ''