Tyylien joukkokäsittely JavaScriptissä
Useita tyylejä voidaan asettaa kerralla
yhdellä komennolla. Tämä tehdään käyttämällä
ominaisuutta cssText:
elem.style.cssText = `
width: 100px;
height: 100px;
display: block;
`;
Tätä ominaisuutta käytetään harvoin, koska tällainen asettaminen poistaa kaikki olemassa olevat tyylit: se ei lisää, vaan korvaa ne. Voit vahingossa poistaa jotain tarvittavaa. Mutta sitä voidaan käyttää, esimerkiksi uusille elementeille, kun olemme varmoja, että emme poista olemassa olevaa tyyliä.
Kirjoita koodi uudelleen opitun ominaisuuden avulla:
elem.style.width = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color = 'red';
