Aplicação em massa de estilos em JavaScript
É possível definir vários estilos de uma vez
com um único comando. Isso é feito usando a propriedade
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Esta propriedade é raramente usada porque essa atribuição remove todos os estilos existentes: ela não adiciona, mas sim os substitui. Pode-se acidentalmente remover algo necessário. Mas ela pode ser usada, por exemplo, para novos elementos, quando temos certeza de que não removeremos um estilo existente.
Reescreva o código usando a propriedade estudada:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
