Cara Memilih Elemen HTML DOM Javascript Part 2

Yang kedua ini kita akan memilih selector class pada HTML yang sudah kita buat sebelumnya tentunya dengan kode javascript. Caranya kita akan gunakan getElementsByClassName(nama class-nya). Kali ini kita gunakan huruf s. kenapa ? karena sifanya class bisa lebih dari satu. Nama class yang kita tulis adalah box.

Sama seperti sebelumnya kita gunakan innerHTML untuk mengisi div class boxnya.

jika kita reload browsernya tidak akan terjadi apa apa. Ini ada alasannya kenapa ? karena pada class harus menentukan spesifik bagian yang mana yang akan kita ubah karena kita tahu class bisa lebih dari satu. Maka dari itu untuk memilihnya kita bisa kasih nomor urut atau nomor indexnya yang dimulai dari angka 0 setelah namaclassnya. Misalnya kita akan memilih kotak <div> box yang pertama maka kita menulis seperti berikut

maka akan ada text disana. Untuk melakukan ketiganya kita bisa menulis seperti ini

sekali lagi class tidak seperti id karena class bisa lebih dari satu dan untuk penulisannya getElements yang artinya plurals maka dari itu kita harus menentukan di nomor urutan ke berapa yang mau kita ubah.

Jadi itu salah satu contoh memilih elemen berdasarkan class dengan kode javascript. Silahkan dicoba dan semoga bermanfaat.