Problémy čtení stylů v JavaScriptu
Přes vlastnost style lze
přečíst pouze styly nastavené
pomocí atributu style. To
znamená, že styly nastavené v CSS
souboru nelze přečíst.
Podívejme se na příklad. Předpokládejme, že máme následující prvek:
<div id="elem">
text
</div>
Předpokládejme, že jsou pro něj v CSS souboru nastaveny následující styly:
#elem {
color: red;
}
Získáme odkaz na prvek do proměnné:
let elem = document.querySelector('#elem');
Zkusme přečíst hodnotu stylu:
console.log(elem.style.color); // vypíše ''
