Massuppsättning av stilar i JavaScript
Du kan ställa in flera stilar på en gång med ett
enda kommando. Detta görs med hjälp av egenskapen
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Den här egenskapen används sällan eftersom en sådan tilldelning tar bort alla befintliga stilar: den lägger inte till, utan ersätter dem. Du kan av misstag ta bort något som behövs. Men den kan användas, till exempel för nya element, när vi är säkra på att vi inte tar bort befintliga stilar.
Skriv om koden med den studerade egenskapen:
elem.style.cssText = `
width: 100px;
height: 100px;
margin: 10px auto;
color: red;
`;