Memilih Elemen Dengan QuerySelectorAll Javascript

Halo teman teman pada pertemuan sebelumnya saya sudah jelaskan beberapa selector yang bisa kita gunakan untuk memilih elemen-elemen tertentu tentunya dengan kode javascript. Sekarang kita akan bahas satu selector lagi yang sangat powerfull dan luar biasa nama selectornya adalah querySelectorAll dimana selector ini kita dapat memilih elemen apa saja bisa memilih id, class atau tag elemennya langsung. Cara penulisanya sama seperti sebelumnya tinggal kita ubah getElementById menjadi querySelectorAll sebagai berikut

ada dua hal yang harus diperhatikan karena dia sifatnya general atau umum maka dari itu untuk parameternya sendiri kita berikan tanda simbol (#) untuk memilih id sedangkan (.) untuk memilih class sama halnya dengan CSS. Misalnya saya sudah buat elemen HTML yang nanti kita akan mainkan

dan kita akan memilih id title yang dimana kita simpan selectornya kedalam variabel sebagai berikut

Selanjutnya yang kedua nulis nomor indexnya karena kita pilih bagian yang pertama maka mulai indexnya dari 0

kita definisikan objectnya yaitu elemen dan yang kita lakukan adalah mengubah textnya. Hasilnya akan seperti berikut

Itu untuk id sedangkan dengan class kita nulisnya dengan (.)

Jadi dengan querySelectorAll ini kita dapat melakukan hal seperti diatas. Intinya querySelectorAll sangatlah unik dan teman teman boleh mencobanya. Terima kasih.