Styling via het style attribuut in JavaScript

Laten we eens herinneren hoe we elementen kunnen stylen via het attribuut style. Stel dat we het volgende element hebben:

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

We halen een referentie naar dit element in een variabele:

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

We veranderen de benodigde stijlen:

javascriptelem.style.color = 'red';

We lezen de stijlen uit:

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