JavaScript-də elementlərin style atributu vasitəsilə stil verilməsi

Gəlin indi elementlərə CSS stilləri necə əlavə edəcəyimizi öyrənək. Bu, style atributunu dəyişməklə edilir. Məsələn, rəngi dəyişdirmək üçün aşağıdakı zənciri qurmaq lazımdır: elem.style.color, və ona rəngin lazımi qiymətini təyin etmək.

Nümunəyə baxaq. Tutaq ki, bizim belə bir elementimiz var:

html<p id="elem">mətn</p>

Gəlin bu elementi qırmızı rəngə çevirək:

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