A stílusok JavaScriptben történő olvasásának problémái

A style tulajdonságon keresztül csak az style attribútummal megadott stílusok olvashatók. Ez azt jelenti, hogy a CSS fájlban megadott stílusok nem olvashatók.

Nézzük meg egy példán. Tegyük fel, hogy van a következő elemünk:

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

Tegyük fel, hogy a CSS fájlban a következő stílusok vannak megadva hozzá:

css#elem {
  color: red;
}

Kapjuk meg az elemre mutató hivatkozást egy változóban:

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

Próbáljuk meg elolvasni a stílus értékét:

javascriptconsole.log(elem.style.color); // ''-t fog kiírni