Tyylien joukkokäsittely JavaScriptissä

Useita tyylejä voidaan asettaa kerralla yhdellä komennolla. Tämä tehdään käyttämällä ominaisuutta cssText:

javascriptelem.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ä.

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';