Massenstilsetzung in JavaScript
Man kann mehrere Stile gleichzeitig mit einem
Befehl setzen. Dies geschieht mit der Eigenschaft
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Diese Eigenschaft wird selten verwendet, weil eine solche Zuweisung alle vorhandenen Stile löscht: Sie fügt nicht hinzu, sondern ersetzt sie. Man könnte versehentlich etwas Wichtiges löschen. Aber man kann sie verwenden, zum Beispiel für neue Elemente, wenn wir sicher sind, dass wir keinen vorhandenen Stil löschen.
Schreiben Sie den Code mit der gelernten Eigenschaft um:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';