Stijlen van elementen via het style attribuat in JavaScript

Laten we nu leren hoe we CSS-stijlen aan elementen kunnen toevoegen. Dit wordt gedaan door het attribuut style te wijzigen. Om bijvoorbeeld de kleur te veranderen, moet je de volgende keten construeren: elem.style.color, en er de gewenste kleurwaarde aan toekennen.

Laten we naar een voorbeeld kijken. Stel dat we het volgende element hebben:

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

Laten we dit element rood van kleur maken:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';