getElementsByClassName Metodu

getElementsByClassName metodu, class özniteliğinde belirtilen sınıfa sahip sayfa öğelerini almanızı sağlar. Elde edilen öğelerle çeşitli işlemler yapabilirsiniz: metinlerini, özniteliklerini, CSS stillerini değiştirmek ve benzeri.

Sözdizimi

javascriptdocument.getElementsByClassName(sınıf adı);

Örnek

Şimdi www sınıfına sahip tüm öğeleri alalım ve innerHTML özelliği ile metinlerini değiştirelim:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Kodun çalıştırılmasının sonucu:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Ayrıca Bakınız