Μαζική ρύθμιση στυλ σε JavaScript
Μπορείτε να ορίσετε πολλά στυλ ταυτόχρονα με μία
εντολή. Αυτό γίνεται με την ιδιότητα
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Αυτή η ιδιότητα χρησιμοποιείται σπάνια, γιατί μια τέτοια ανάθεση διαγράφει όλα τα υπάρχοντα στυλ: δεν τα προσθέτει, αλλά τα αντικαθιστά. Μπορεί κατά λάθος να διαγράψετε κάτι απαραίτητο. Αλλά μπορείτε να τη χρησιμοποιήσετε, για παράδειγμα, για νέα στοιχεία, όταν γνωρίζουμε με βεβαιότητα ότι δεν θα διαγράψουμε υπάρχον στυλ.
Ξαναγράψτε τον κώδικα χρησιμοποιώντας την ιδιότητα που μάθαμε:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';