Problem med att läsa stilar i JavaScript

Genom egenskapen style kan bara de stilar läsas som är tilldelade via attributet style. Detta betyder att stilar som anges i CSS-filer inte går att läsa.

Låt oss titta på ett exempel. Antag att vi har följande element:

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

Antag att följande stilar är angivna för det i CSS-filen:

css#elem {
  color: red;
}

Låt oss hämta en referens till elementet i en variabel:

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

Låt oss försöka läsa stilvärdet:

javascriptconsole.log(elem.style.color); // kommer att skriva ut ''