Stijlen massaal instellen in JavaScript
Je kunt meerdere stijlen tegelijk instellen met één
opdracht. Dit wordt gedaan met behulp van de eigenschap
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Deze eigenschap wordt zelden gebruikt, omdat een dergelijke toewijzing alle bestaande stijlen verwijdert: het voegt niet toe, maar vervangt ze. Je kunt per ongeluk iets verwijderen dat nodig is. Maar het kan worden gebruikt, bijvoorbeeld voor nieuwe elementen, wanneer we zeker weten dat we geen bestaande stijl verwijderen.
Herschrijf de code met behulp van de bestudeerde eigenschap:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
