სტილების მინიჭება ელემენტებს style ატრიბუტის მეშვეობით JavaScript-ში

ახლა მოდით ვისწავლოთ როგორ დავამატოთ CSS სტილები ელემენტებს. ეს კეთდება style ატრიბუტის შეცვლის მეშვეობით. მაგალითად, ფერის შესაცვლელად საჭიროა შევქმნათ შემდეგი ჯაჭვი: elem.style.color, და მივანიჭოთ მას სასურველი ფერის მნიშვნელობა.

შევხედოთ მაგალითს. დავუშვათ გვაქვს ასეთი ელემენტი:

html<p id="elem">ტექსტი</p>

გავაწითლოთ ეს ელემენტი:

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