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:
<p id="elem">text</p>
Laten we dit element rood van kleur maken:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Gegeven een div en een knop. Voeg bij een klik op de knop breedte, hoogte en een rand toe aan de div.
