Metode getElementsByClassName
Metode getElementsByClassName memungkinkan
untuk mendapatkan elemen halaman berdasarkan kelasnya,
yang ditentukan dalam atribut
class. Dengan elemen yang diperoleh, Anda
dapat melakukan berbagai manipulasi:
mengubah teks, atribut, gaya CSS, dan sebagainya.
Sintaks
document.getElementsByClassName(nama kelas);
Contoh
Mari kita dapatkan semua elemen dengan kelas www
dan ubah teksnya menggunakan properti innerHTML:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Hasil eksekusi kode:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Lihat juga
-
metode
querySelectorAll,
yang mendapatkan sekelompok elemen berdasarkan selector -
metode
getElementsByTagName,
yang mendapatkan sekelompok elemen berdasarkan tag
