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

javascriptdocument.querySelector(seçici);

Örnek

#elem paragrafını alalım ve textContent kullanarak metnini değiştirelim:

html<p id="elem">metin</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Örnek

elem sınıfına sahip paragrafı alalım ve metnini değiştirelim:

html<p class="elem">metin</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Ayrıca Bakınız