Στυλισμός μέσω του χαρακτηριστικού style στην JavaScript

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

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

Θα πάρουμε μια αναφορά σε αυτό σε μια μεταβλητή:

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

Ας αλλάξουμε τα απαραίτητα στυλ του:

javascriptelem.style.color = 'red';

Ας διαβάσουμε τα στυλ του:

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