JavaScript-də atributlarla işləyərkən istisnalar

Atributlarla işləyərkən bir istisna var - bu class atributudur. Bu soz JavaScript-də xüsusi bir açar sozdur və buna görə də biz sadəcə elem.class yaza bilmərik class atributunun dəyərini oxumaq üçün. Bunun əvəzinə elem.className yazmaq lazımdır.

Gəlin bir nümuməyə baxaq. Tutaq ki, bizə belə bir input verilib:

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

Gəlin inputumuzun class atributunun dəyərini çıxadaq:

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

Basqa istisnalar da var, məsələn, for atributu. Ona htmlFor vasitəsilə müraciət etmək lazımdır.

Задание 1

Bir div verilib:

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

Bir düymə də verilib. Düyməyə kliklədikdə div-in class atributunun dəyərini oxuyun və ekranda çap edin.

Задание 2

Bir div verilib:

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

Bir düymə də verilib. Düyməyə kliklədikdə div-in class atributuna hansısa bir class yazın.

Задание 3

Bir neçə CSS class-ı olan (bosluqla ayrılmış) div verilib:

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

Bir düymə də verilib. Düyməyə kliklədikdə div-in CSS class-larından ibarət massiv alın.