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:
<input id="elem" class="aaa bbb">
Inputumuz için class niteliğinin değerini
yazdıralım:
let 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.
Bir div verilsin:
<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.
Bir div verilsin:
<div id="elem"></div>
Bir de buton verilsin. Butona tıklandığında
div'imizin class niteliğine bir
sınıf yaz.
Birden fazla CSS sınıfına sahip, sınıfları boşlukla ayrılmış bir div verilsin:
<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.
