JavaScript-de atributlar bilen işleýän wagtynda ýüz tutmaýan ýagdaýlar

Atributlar bilen işleýän wagtynda bir ýüz tutmaýan ýagdaý bar - bu class atributy. Bu söz JavaScript-de aýratyn söz bolany üçin şonuň üçin biz diňe elem.class ýazyp bilmeýäris, class atributynyň bahasyny okamak üçin. Onuň ýerine elem.className ýazmaly.

Mysal üçin garaýalyň. Bizde şeýle bir input bolsun:

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

Geliň, bizim input üçin class atributynyň bahasyny çykaryşdyralyň:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' çykarar

Başga ýüz tutmaýan ýagdaýlar hem bar, mysal üçin, for atributy. Ona htmlFor arkaly ýüzlenmeli.

Задание 1

Div berlen:

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

Bir knopka hem berlen. Knopka basylanda, bizim div-iň class atributynyň bahasyny okaň we ekrana çykaryň.

Задание 2

Div berlen:

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

Bir knopka hem berlen. Knopka basylanda, bizim div-iň class atributyna bir classe ýazyň.

Задание 3

Bir näçe CSS klaslary bolan, boşluk arkaly ýazylan div berlen:

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

Bir knopka hem berlen. Knopka basylanda, bizim div-iň CSS klaslarynyň sanawyny alyň.