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:

javascriptelem.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.

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';