Տարրերի ոճավորումը JavaScript-ի միջոցով style ատրիբուտի միջոցով
Այժմ եկեք սովորենք ավելացնել CSS ոճեր
տարրերին: Դա արվում է՝ փոխելով
style
ատրիբուտը: Օրինակ՝ գույնը փոխելու համար անհրաժեշտ է կառուցել
հետևյալ շղթան՝ elem.style.color,
և վերագրել դրան գույնի անհրաժեշտ արժեքը:
Եկեք նայենք օրինակով: Ենթադրենք ունենք հետևյալ տարրը:
<p id="elem">text</p>
Դարձնենք այս տարրը կարմիր գույնի.
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Տրված է div և կոճակ: Կոճակի վրա կտտացնելիս ավելացրեք div-ին լայնություն, բարձրություն և եզրագիծ: