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

javascriptdocument.querySelector(selektor);

Contoh

Mari kita dapatkan paragraf #elem dan ubah teksnya menggunakan textContent:

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

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

Hasil eksekusi kode:

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

Contoh

Mari kita dapatkan paragraf dengan kelas elem dan ubah teksnya:

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

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

Hasil eksekusi kode:

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

Lihat juga