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
document.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:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
Kodun çalıştırılmasının sonucu:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Ayrıca Bakınız
-
querySelectormetodu,
bir öğeyi seçici ile alır -
getElementsByClassNamemetodu,
bir öğe grubunu sınıfa göre alır -
getElementsByTagNamemetodu,
bir öğe grubunu etiket adına göre alır
