Hromadné nastavovanie štýlov v JavaScripte
Je možné nastaviť naraz niekoľko štýlov jedným
príkazom. To sa robí pomocou vlastnosti
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Táto vlastnosť sa zriedka používa, pretože takéto priradenie odstráni všetky existujúce štýly: nepridáva ich, ale nahrádza. Môžete omylom odstrániť niečo potrebné. Ale možno ju použiť, naprklad pre nové prvky, keď s istotou vieme, že neodstránime existujúci štýl.
Prepíšte kód pomocou naučenej vlastnosti:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
