Stylizacja przez atrybut style w JavaScript

Przypomnijmy sobie, jak stylizować elementy przez atrybut style. Załóżmy, że mamy następujący element:

html<div id="elem">
  text
</div>

Pobierzmy referencję do niego do zmiennej:

javascriptlet elem = document.querySelector('#elem');

Zmieńmy mu potrzebne style:

javascriptelem.style.color = 'red';

Odczytajmy jego style:

javascriptconsole.log(elem.style.color); // wypisze 'red';