Hromadné nastavování stylů v JavaScriptu
Lze nastavit více stylů najednou jedním
příkazem. To se provádí pomocí vlastnosti
cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Tato vlastnost se používá zřídka, protože takové přiřazení odstraní všechny existující styly: nepřidává je, ale nahrazuje. Můžete náhodně smazat něco potřebného. Lze ji však použít, například pro nové prvky, když si jsme jisti, že neodstraníme existující styl.
Přepište kód pomocí probrané vlastnosti:
elem.style.cssText = `
width: 100px;
height: 100px;
margin: 10px auto;
color: red;
`;