Kaedah getElementsByClassName

Kaedah getElementsByClassName membolehkan anda mendapatkan elemen halaman mengikut kelas mereka, yang ditetapkan dalam atribut class. Elemen yang diperoleh boleh dimaniupulasi dalam pelbagai cara: menukar teks, atribut, gaya CSS mereka dan sebagainya.

Sintaks

document.getElementsByClassName(nama kelas);

Contoh

Mari dapatkan semua elemen dengan kelas www dan ubah teks mereka menggunakan sifat 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 = '!!!';
}

Keputusan pelaksanaan kod:

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Lihat juga

kaedah querySelectorAll,
yang mendapatkan sekumpulan elemen mengikut pemilih
kaedah getElementsByTagName,
yang mendapatkan sekumpulan elemen mengikut tag