Στυλισμός στοιχείων μέσω του χαρακτηριστικού style στην JavaScript
Ας μάθουμε τώρα πώς να προσθέτουμε CSS στυλ
στα στοιχεία. Αυτό γίνεται αλλάζοντας το χαρακτηριστικό
style.
Για παράδειγμα, για να αλλάξετε το χρώμα, πρέπει να δημιουργήσετε
την ακόλουθη αλυσίδα: elem.style.color,
και να της αναθέσετε την επιθυμητή τιμή χρώματος.
Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε το ακόλουθο στοιχείο:
<p id="elem">text</p>
Ας κάνουμε αυτό το στοιχείο κόκκινο:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Δίνεται ένα div και ένα κουμπί. Με κλικ στο κουμπί, προσθέστε στο div πλάτος, ύψος και περίγραμμα.
