Pemilih JavaScript digunakan untuk memilih elemen dalam dokumen HTML dan beroperasi padanya. Berikut ialah pemilih JavaScript yang biasa digunakan:
-
getElementById:
Memilih elemen mengikut atribut IDnya dan mengembalikan elemen padanan pertama.
-
getElementsByClassName:
Memilih elemen mengikut nama kelasnya, mengembalikan HTMLCollection yang mengandungi semua elemen padanan.
-
getElementsByTagName:
Pilih elemen mengikut nama tegnya dan kembalikan HTMLCollection yang mengandungi semua elemen padanan.
-
querySelector:
Pilih elemen melalui pemilih CSS dan kembalikan elemen padanan pertama.
-
querySelectorAll:
Pilih elemen melalui pemilih CSS, mengembalikan NodeList yang mengandungi semua elemen padanan.
Pemilih ini boleh digunakan secara fleksibel mengikut keperluan anda. Sebagai contoh, jika anda ingin memilih elemen dengan ID "myElement", anda boleh menggunakan getElementById("myElement"); jika anda ingin memilih semua elemen dengan nama kelas "myClass", anda boleh menggunakan getElementsByClassName("myClass" ); jika anda ingin memilih Untuk semua elemen perenggan, anda boleh menggunakan getElementsByTagName("p"); jika anda ingin memilih elemen pertama dengan nama kelas "myClass", anda boleh menggunakan querySelector(".myClass"), dll.
Perlu diambil perhatian bahawa getElementById memilih elemen dengan ID unik untuk keseluruhan dokumen, manakala pemilih lain boleh memilih berbilang elemen padanan. Selain itu, HTMLCollection dan NodeList adalah kedua-dua objek seperti tatasusunan, dan elemen di dalamnya boleh dilalui melalui pengindeksan atau gelung.