Javascript getElementsByClassName kullanımı

sezaialkan
Sezai Alkan Frontend Developer

Javascript getElementsByClassName kullanımında, Html elemanları içerisinde class property sine sahip elemanları seçmemize, yakalamamıza imkan sağlamaktadır.

Kullanımı : document.getElementsByClassName()

getElementsByClassName merhodu ile yakaladığımız elemanların değerlerini elde edebilir veya istediğimiz değeri ekleyebilir, güncelleyebiliriz.

<p class="simple"> Hello World </p>
var e = document.getElementsByClassName("simple");
console.log(e[0].innerHTML);

Yukarıdaki örnekte p elemanının değerini console yazdıralım. Console ekran çıktı aşağıdaki gibidir.

Javascript getElementsByClassName kullanımı

Class işlemlerinde id değeri gibi tek bir değer yerine sayfa içerisinde aynı class değerine sahip tüm elemanları seçmektedir. Bu nedenle getElementsByClassName methodu bizlere list olarak geri dönmektedir.

var e = document.getElementsByClassName("simple");
console.log(e);

Yukarıdaki örneğin console ekran çıktısı aşağıdaki gibidir.

Javascript getElementsByClassName kullanımı

ulaşmak istediğimiz html elemanına indis numarası ile elemana ait değerleri elde edebilmekteyiz.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol