Masowe ustawianie stylów w JavaScript
Można ustawić od razu kilka stylów jedną
komendą. Robi się to za pomocą właściwości
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Ta właściwość jest rzadko używana, ponieważ takie przypisanie usuwa wszystkie istniejące style: nie dodaje, ale zastępuje je. Można przypadkowo usunąć coś potrzebnego. Ale można jej użyć, na przykład, dla nowych elementów, kiedy dokładnie wiemy, że nie usuniemy istniejącego stylu.
Przepisz kod za pomocą poznanej właściwości:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
