JavaScript-ում ատրիբուտների հետ աշխատանքի բացառությունները

Ատրիբուտների հետ աշխատանքի ժամանակ գոյություն ունի բացառություն - դա class ատրիբուտն է։ Այս բառը JavaScript-ում հանդիսանում է հատուկ բառ և այդ պատճառով մենք չենք կարող պարզապես գրել elem.class, որպեսզի կարդանք class ատրիբուտի արժեքը։ Փոխարենը պետք է գրել elem.className։

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

html<input id="elem" class="aaa bbb">

Եկեք դուրս բերենք մեր ինփուտի class ատրիբուտի արժեքը։

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // կդուրս բերի 'aaa bbb'

Գոյություն ունեն նաև այլ բացառություններ, օրինակ, for ատրիբուտը։ Դրան պետք է դիմել htmlFor-ի միջոցով։

Задание 1

Տրված է դիվ։

html<div id="elem" class="content no-gap"></div>

Տրված է նաև կոճակ։ Կոճակի վրա կտտացնելիս կարդացեք և արտածեք էկրանին մեր դիվի class ատրիբուտի արժեքը։

Задание 2

Տրված է դիվ։

html<div id="elem"></div>

Տրված է նաև կոճակ։ Կոճակի վրա կտտացնելիս գրեք մեր դիվի class ատրիբուտում ինչ-որ դաս։

Задание 3

Տրված է դիվ մի քանի CSS դասերով, գրված բացատով առանձնացված։

html<div id="elem" class="aaa bbb ccc"></div>

Տրված է նաև կոճակ։ Կոճակի վրա կտտացնելիս ստացեք մեր դիվի CSS դասերի զանգված։