Dokumen HTML DOM getElementsByTagName()
Contoh
Dapatkan semua elemen dengan nama tag "li":
const collection = document.getElementsByTagName("li");
Dapatkan semua elemen dalam dokumen:
const collection = document.getElementsByTagName("*");
Ubah HTML bagian dalam dari elemen <p> pertama dalam dokumen:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Metode getElementsByTagName()
mengembalikan koleksi semua elemen dengan nama tag yang ditentukan.
Metode getElementsByTagName()
mengembalikan HTMLCollection .
Properti getElementsByTagName()
ini hanya-baca.
Catatan
getElementsByTagName("*")
mengembalikan semua elemen dalam dokumen.
Koleksi HTML
Sebuah HTMLCollection adalah kumpulan node HTML.
Node dalam koleksi dapat diakses dengan nomor indeks. Indeks dimulai dari 0.
Properti panjang mengembalikan jumlah elemen dalam koleksi.
Lihat juga:
Metode getElementById() Dokumen
Metode getElementsByClassName() Dokumen
Metode querySelector() Dokumen
Sintaksis
document.getElementsByTagName(tagname)
Parameter
Parameter | Description |
tagname | Required. The tagname of the elements. |
Nilai Kembali
Jenis | Keterangan |
Obyek | Sebuah objek HTMLCollection . Kumpulan elemen dengan nama tag tertentu. Elemen diurutkan saat muncul di dokumen. |
Lebih Banyak Contoh
Jumlah elemen <li> dalam dokumen:
let numb = document.getElementsByTagName("li").length;
Ubah warna latar belakang semua elemen <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Halaman Terkait
Referensi JavaScript: elemen .getElementsByTagName()
Tutorial JavaScript: Daftar Node DOM JavaScript HTML
Dukungan Peramban
document.getElementsByTagName()
adalah fitur DOM Level 1 (1998).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |