Aplicación masiva de estilos en JavaScript
Puedes aplicar varios estilos a la vez con un solo
comando. Esto se hace usando la propiedad
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Esta propiedad se usa poco porque esta asignación elimina todos los estilos existentes: no los añade, sino que los reemplaza. Podrías eliminar accidentalmente algo necesario. Pero se puede usar, por ejemplo, para elementos nuevos, cuando estamos seguros de que no eliminaremos un estilo existente.
Reescribe el código usando la propiedad estudiada:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
