Setarea în masă a stilurilor în JavaScript
Puteți seta mai multe stiluri deodată cu o singură
comandă. Acest lucru se face folosind proprietatea
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Această proprietate este rar folosită, deoarece o astfel de atribuire șterge toate stilurile existente: nu le adaugă, ci le înlocuiește. Puteți șterge accidental ceva necesar. Dar o puteți folosi, de exemplu, pentru elemente noi, când știm cu siguranță că nu vom șterge stilurile existente.
Rescrieți codul folosind proprietatea învățată:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
