JavaScript'te Niteliklerle Çalışırken İstisnalar

Niteliklerle çalışırken bir istisna bulunur - bu, class niteliğidir. Bu kelime JavaScript'te özel bir kelimedir ve bu nedenle class niteliğinin değerini okumak için basitçe elem.class yazamayız. Bunun yerine elem.className yazmalıyız.

Bir örnek üzerinde görelim. Elimizde şu şekilde bir input olsun:

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

Inputumuz için class niteliğinin değerini yazdıralım:

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

Başka istisnalar da vardır, örneğin, for niteliği. Bu niteliğe htmlFor üzerinden erişilmelidir.

Задание 1

Bir div verilsin:

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

Bir de buton verilsin. Butona tıklandığında div'imizin class niteliğinin değerini oku ve ekrana yazdır.

Задание 2

Bir div verilsin:

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

Bir de buton verilsin. Butona tıklandığında div'imizin class niteliğine bir sınıf yaz.

Задание 3

Birden fazla CSS sınıfına sahip, sınıfları boşlukla ayrılmış bir div verilsin:

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

Bir de buton verilsin. Butona tıklandığında div'imizin CSS sınıflarını bir dizi olarak al.