Масово задаване на стилове в JavaScript

Можете да зададете няколко стила наведнъж с една команда. Това се прави с помощта на свойството cssText:

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

Това свойство рядко се използва, защото такова присвояване изтрива всички съществуващи стилове: то не добавя, а ги заменя. Можете случайно да изтриете нещо необходимо. Но може да се използва, например, за нови елементи, когато сме сигурни, че няма да изтрием съществуващ стил.

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