Style reading issues in JavaScript
Only styles specified via the style
attribute can be read through the style
property. This means that the styles set
in the CSS file cannot be read.
Let's take a look at an example. Let's say we have the following element:
<div id="elem">
text
</div>
Let the following styles be set for it in the CSS file:
#elem {
color: red;
}
Let's get a reference to an element into a variable:
let elem = document.querySelector('#elem');
Let's try to read the style value:
console.log(elem.style.color); // shows ''
