Problemele citirii stilurilor în JavaScript
Prin proprietatea style se pot
citi doar stilurile setate
prin atributul style. Aceasta
înseamnă că stilurile setate în fișierul CSS
nu pot fi citite.
Să ne uităm la un exemplu. Să presupunem că avem următorul element:
<div id="elem">
text
</div>
Să presupunem că în fișierul CSS pentru acesta sunt setate următoarele stiluri:
#elem {
color: red;
}
Obținem o referință la element într-o variabilă:
let elem = document.querySelector('#elem');
Să încercăm să citim valoarea stilului:
console.log(elem.style.color); // va afișa ''