Elementide stiilide muutmine läbi style atribuudi JavaScriptis

Õpime nüüd lisama elementidele CSS stiile. Seda tehakse muutes atribuuti style. Näiteks värvi muutmiseks tuleb luua järgmine ahel: elem.style.color, ja omistada sellele soovitud värvi väärtus.

Vaatame näidet. Olgu meil selline element:

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

Teeme selle elemendi punaseks:

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