Προβλήματα ανάγνωσης στυλ στο JavaScript

Μέσω της ιδιότητας style μπορούμε να διαβάσουμε μόνο στυλ που έχουν οριστεί μέσω του χαρακτηριστικού style. Αυτό σημαίνει ότι τα στυλ που ορίζονται στο αρχείο CSS δεν μπορούν να διαβαστούν.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε το ακόλουθο στοιχείο:

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

Ας υποθέσουμε ότι στο αρχείο CSS ορίζονται για αυτό τα ακόλουθα στυλ:

#elem {
	color: red;
}

Παίρνουμε μια αναφορά στο στοιχείο σε μια μεταβλητή:

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

Ας προσπαθήσουμε να διαβάσουμε την τιμή του στυλ:

console.log(elem.style.color); // θα εμφανίσει ''