Impostazione Massiva di Stili in JavaScript
È possibile impostare più stili contemporaneamente con un unico
comando. Questo si fa utilizzando la proprietà
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Questa proprietà è usata raramente, perché un tale assegnamento elimina tutti gli stili esistenti: non li aggiunge, ma li sostituisce. Si potrebbe cancellare accidentalmente qualcosa di necessario. Ma può essere utilizzata, ad esempio, per nuovi elementi, quando siamo sicuri di non cancellare stili esistenti.
Riscrivi il codice utilizzando la proprietà studiata:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
