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:
<div id="elem">
text
</div>
Tegyük fel, hogy a CSS fájlban a következő stílusok vannak megadva hozzá:
#elem {
color: red;
}
Kapjuk meg az elemre mutató hivatkozást egy változóban:
let elem = document.querySelector('#elem');
Próbáljuk meg elolvasni a stílus értékét:
console.log(elem.style.color); // ''-t fog kiírni
