Տարրերի ոճավորումը JavaScript-ի միջոցով style ատրիբուտի միջոցով

Այժմ եկեք սովորենք ավելացնել CSS ոճեր տարրերին: Դա արվում է՝ փոխելով style ատրիբուտը: Օրինակ՝ գույնը փոխելու համար անհրաժեշտ է կառուցել հետևյալ շղթան՝ elem.style.color, և վերագրել դրան գույնի անհրաժեշտ արժեքը:

Եկեք նայենք օրինակով: Ենթադրենք ունենք հետևյալ տարրը:

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

Դարձնենք այս տարրը կարմիր գույնի.

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