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.

Cara Memilih Elemen HTML DOM Javascript

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

Cara Memilih Elemen HTML DOM Javascript

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

Cara Memilih Elemen HTML DOM Javascript

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

Cara Memilih Elemen HTML DOM Javascript

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.

Cara Memilih Elemen HTML DOM Javascript

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

22 Juli 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 Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat