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:

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

Oletetaan, että CSS-tiedostossa sille on annettu seuraavat tyylit:

css#elem {
  color: red;
}

Saadaan viittaus elementtiin muuttujaan:

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

Yritetään lukea tyylin arvo:

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