Masseinnstilling av stiler i JavaScript
Du kan sette flere stiler samtidig med én
kommando. Dette gjøres ved hjelp av egenskapen
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Denne egenskapen brukes sjelden fordi en slik tildeling sletter alle eksisterende stiler: den legger ikke til, men erstatter dem. Du kan ved et uhell slette noe som er nødvendig. Men den kan brukes, for eksempel, for nye elementer, når vi er sikre på at vi ikke sletter en eksisterende stil.
Omskriv koden ved hjelp av den lærte egenskapen:
elem.style.cssText = `
width: 100px;
height: 100px;
margin: 10px auto;
color: red;
`;