Përjashtimet gjatë punës me atribute në JavaScript

Gjatë punës me atribute ekziston një përjashtim - ky është atributi class. Kjo fjalë është e veçantë në JavaScript dhe për këtë arsye nuk mund të shkruajmë thjesht elem.class, për të lexuar vlerën e atributit class. Në vend të kësaj duhet të shkruajmë elem.className.

Le të shohim një shembull. Le të themi se kemi këtë input:

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

Le të shfaqim vlerën e atributit class për input-in tonë:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // do të shfaqë 'aaa bbb'

Ekzistojnë edhe përjashtime të tjera, për shembull, atributi for. Duhet të aksesohet përmes htmlFor.

Задание 1

Jepet një div:

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

Jepet gjithashtu një buton. Duke klikuar butonin lexoni dhe shfaqni në ekran vlerën e atributit class të div-it tonë.

Задание 2

Jepet një div:

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

Jepet gjithashtu një buton. Duke klikuar butonin shkruani në atributin class të div-it tonë ndonjë klasë.

Задание 3

Jepet një div me disa klasa CSS, të shkruara ndarë me hapësira:

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

Jepet gjithashtu një buton. Duke klikuar butonin merrni një array me klasat CSS të div-it tonë.