Metode querySelector
Metode querySelector memungkinkan untuk mendapatkan
elemen halaman berdasarkan selektor
CSS arbitrer. Dengan elemen yang diperoleh, Anda dapat melakukan
berbagai manipulasi: mengubah teksnya,
atribut, gaya CSS, dan sebagainya.
Sintaksis
document.querySelector(selektor);
Contoh
Mari kita dapatkan paragraf #elem dan ubah
teksnya menggunakan textContent:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Hasil eksekusi kode:
<p id="elem">!!!</p>
Contoh
Mari kita dapatkan paragraf dengan kelas elem
dan ubah teksnya:
<p class="elem">teks</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Hasil eksekusi kode:
<p id="elem">!!!</p>
Lihat juga
-
metode
getElementById,
yang mendapatkan elemen berdasarkanid -
metode
querySelectorAll,
yang mendapatkan sekelompok elemen berdasarkan selektor
