HTML DOM getElementsByClassName () metode
contoh
Dapatkan semua elemen dengan nama kelas:
Coba »
Definisi dan penggunaan
Metode getElementsByClassName () mengembalikan semua elemen dalam dokumen menentukan nama kelas koleksi, seperti NodeList objek.
objek NodeList merupakan urutan daftar node. NodeList keberatan kita dapat mengakses daftar node (nomor indeks mulai dari 0) melalui daftar node dari nomor indeks simpul.
Tip: Anda dapat menggunakan objek NodeList ini panjang properti untuk menentukan jumlah elemen dengan nama kelas, dan berbagai elemen siklus untuk mendapatkan elemen yang Anda butuhkan.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi metode.
| cara | |||||
|---|---|---|---|---|---|
| getElementsByClassName () | 4.0 | 9.0 | 3.0 | 3.1 | 9.5 |
tatabahasa
parameter
| parameter | jenis | deskripsi |
|---|---|---|
| classname | tali | Harus. kelas elemen yang Anda butuhkan untuk mendapatkan nama. Beberapa nama kelas dipisahkan oleh spasi, seperti "test demo". |
teknis Deskripsi
| Versi DOM: | Inti Level 1 Document Object |
|---|---|
| Pengembalian: | NodeList objek yang mewakili elemen menentukan nama kelas koleksi. Urutan elemen dalam koleksi semacam dalam rangka penampilan dalam kode. |
contoh yang lebih
contoh
Mendapat "contoh" dan "warna" nama kelas dari semua elemen:
Coba »
contoh
Berapa banyak gaya class = "contoh" unsur-unsur (menggunakan properti panjang NodeList) untuk melihat dokumen adalah:
Coba »
contoh
Mengubah warna latar belakang dari semua gaya class = "contoh" unsur-unsur:
var i;
for (i = 0 ; i < x.length; i++) {
x[i].style.backgroundColor = "red" ;
}
Coba »
Pages terkait
CSS tutorial: CSS
CSS Referensi: CSS .class
Pedoman HTML DOM Referensi: Elemen .getElementsByClassName ()
HTML DOM Referensi: atribut className
Pedoman HTML DOM Referensi: HTML DOM atribut classList
Pedoman HTML DOM Referensi: HTML DOM Style Object