querySelectorAll Metodu

querySelectorAll metodu, bir sayfadaki öğeleri keyfi bir CSS seçicisi ile almanızı sağlar. Alınan öğelerle çeşitli işlemler yapabilirsiniz: metinlerini, niteliklerini, CSS stillerini değiştirmek ve benzeri.

Sözdizimi

javascriptdocument.querySelectorAll(seçici);

Örnek

Şimdi www sınıfına sahip tüm öğeleri alalım ve textContent ö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.querySelectorAll('.www');

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

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