Apa itu getelementbyclass dalam javascript?

Metode getElementsByClassName[] dalam Javascript mengembalikan objek yang berisi semua elemen dengan nama kelas yang ditentukan dalam dokumen sebagai objek. Setiap elemen dalam objek yang dikembalikan dapat diakses oleh indeksnya. Nilai indeks akan dimulai dengan 0. Metode ini dapat dipanggil ke setiap elemen individu untuk mencari elemen turunannya dengan nama kelas yang ditentukan

Sintaksis

document.getElementsByClassName[classnames];

Parameter. Ini adalah metode wajib yang hanya mengambil satu parameter, yaitu string berisi nama kelas yang dipisahkan spasi dari elemen yang akan dicari. Untuk pencarian dengan beberapa nama kelas, harus dipisahkan dengan spasi

Catatan. Kita dapat menggunakan properti panjang yang mengembalikan kumpulan semua elemen HTML dalam dokumen untuk nama kelas yang ditentukan & kemudian dengan mengulangi elemen HTML, kita dapat mengambil informasi yang diinginkan

Contoh 1. Contoh ini menjelaskan metode getElementsByClassName[] untuk mendapatkan akses ke elemen HTML dengan nama kelasnya

HTML

_

    9

6________4______705>41_______07>0>

    15

    17

    19

    21

    >712>

>7

>7html>

Keluaran

dokumen. metode getElementsByClassName[]

Contoh 2. Contoh ini menjelaskan penggunaan dokumen. metode getElementsByClassName[] yang mengakses semua 3 kelas tombol dengan warna tertentu & mengubah warna tombol saat diklik & tombol terakhir mengatur ulang semua 3 tombol di atas ke keadaan awalnya

HTML

_

    9