querySelector Metodu
querySelector metodu, bir CSS seçicisi kullanarak
sayfadaki bir elemanı almanızı sağlar. Alınan elemanla
çeşitli işlemler yapabilirsiniz: metnini değiştirebilir,
niteliklerini, CSS stillerini değiştirebilirsiniz ve benzeri.
Sözdizimi
document.querySelector(seçici);
Örnek
#elem paragrafını alalım ve
textContent
kullanarak metnini değiştirelim:
<p id="elem">metin</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kodun çalıştırılmasının sonucu:
<p id="elem">!!!</p>
Örnek
elem sınıfına sahip paragrafı alalım
ve metnini değiştirelim:
<p class="elem">metin</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Kodun çalıştırılmasının sonucu:
<p id="elem">!!!</p>
Ayrıca Bakınız
-
getElementByIdmetodu,
bir elemanıid'ye göre alır -
querySelectorAllmetodu,
bir seçiciye göre bir grup eleman alır
