Stílusok tömeges beállítása JavaScriptben

Egyszerre több stílust is be lehet állítani egy parancs segítségével. Ez a cssText tulajdonsággal tehető meg:

javascriptelem.style.cssText = `
  width: 100px;
  height: 100px;
  display: block;
`;

Ezt a tulajdonságot ritkán használják, mert egy ilyen hozzárendelés törli az összes meglévő stílust: nem adja hozzá, hanem lecseréli azokat. Véletlenül eltávolíthatunk valami szükségest. De használható például új elemek esetén, amikor biztosan tudjuk, hogy nem töröljük ki a meglévő stílusokat.

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