Težave pri branju stilov v JavaScriptu

Skozi lastnost style lahko preberemo le stile, določene skozi atribut style. To pomeni, da stilov, določenih v CSS datoteki, ni mogoče prebrati.

Poglejmo si na primeru. Recimo, da imamo naslednji element:

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

Recimo, da so zanj v CSS datoteki določeni naslednji stili:

css#elem {
  color: red;
}

Pridobimo referenco na element v spremenljivko:

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

Poskusimo prebrati vrednost sloga:

javascriptconsole.log(elem.style.color); // izpiše ''