Tyylien lukemisen ongelmat JavaScriptissä
Ominaisuudella style voi
lukea vain tyylit, jotka on annettu
style-attribuutin kautta. Tämä
tarkoittaa, että CSS-tiedostossa
annettuja tyylejä ei voi lukea.
Katsotaanpa esimerkkiä. Oletetaan, että meillä on seuraava elementti:
<div id="elem">
teksti
</div>
Oletetaan, että CSS-tiedostossa sille on annettu seuraavat tyylit:
#elem {
color: red;
}
Saadaan viittaus elementtiin muuttujaan:
let elem = document.querySelector('#elem');
Yritetään lukea tyylin arvo:
console.log(elem.style.color); // tulostaa ''
