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.

21 Juni 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat