Probleme met die Lees van Style in JavaScript

Deur die eienskap style kan slegs style wat deur die attribuut style gestel is, gelees word. Dit beteken dat style wat in 'n CSS-lêer gestel is, nie gelees kan word nie.

Kom ons kyk na 'n voorbeeld. Laat ons die volgende element hé:

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

Laat die volgende style vir dit in die CSS-lêer gestel wees:

css#elem {
  color: red;
}

Kry 'n verwysing na die element in 'n veranderlike:

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

Kom ons probeer om die stylwaarde te lees:

javascriptconsole.log(elem.style.color); // sal '' uitvoer