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

Ας μάθουμε τώρα πώς να προσθέτουμε CSS στυλ στα στοιχεία. Αυτό γίνεται αλλάζοντας το χαρακτηριστικό style. Για παράδειγμα, για να αλλάξετε το χρώμα, πρέπει να δημιουργήσετε την ακόλουθη αλυσίδα: elem.style.color, και να της αναθέσετε την επιθυμητή τιμή χρώματος.

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

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

Ας κάνουμε αυτό το στοιχείο κόκκινο:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';