Stílusok tömeges beállítása JavaScriptben
Egyszerre több stílust is be lehet állítani egy
parancs segítségével. Ez a cssText
tulajdonsággal tehető meg:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Ezt a tulajdonságot ritkán használják, mert egy ilyen hozzárendelés törli az összes meglévő stílust: nem adja hozzá, hanem lecseréli azokat. Véletlenül eltávolíthatunk valami szükségest. De használható például új elemek esetén, amikor biztosan tudjuk, hogy nem töröljük ki a meglévő stílusokat.
Írja át a kódot a tanult tulajdonság segítségével:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
