Metode getElementsByTagName() HTML DOM
Objek ElemenContoh
Ubah konten HTML elemen <li> pertama (indeks 0) dalam daftar:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Definisi dan Penggunaan
Metode getElementsByTagName() mengembalikan kumpulan elemen anak elemen dengan nama tag yang ditentukan, sebagai objek NodeList.
Objek NodeList mewakili kumpulan node. Node dapat diakses dengan nomor indeks. Indeks dimulai dari 0.
Tip: Anda dapat menggunakan properti length dari objek NodeList untuk menentukan jumlah node anak dengan nama tag yang ditentukan, lalu Anda dapat mengulang semua node dan mengekstrak info yang Anda inginkan.
Tip: Parametervalue "*" mengembalikan semua elemen turunan dari elemen.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| Method | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Sintaksis
element.getElementsByTagName(tagname)
Nilai Parameter
| Parameter | Type | Description |
|---|---|---|
| tagname | String | Required. The tagname of the child elements you want to get |
Detail Teknis
| Versi DOM | Objek Elemen Level 1 Inti |
|---|---|
| Nilai Kembali: | Objek NodeList, mewakili kumpulan elemen anak elemen dengan nama tag yang ditentukan. Elemen dalam koleksi yang dikembalikan diurutkan seperti yang muncul dalam kode sumber. |
Lebih Banyak Contoh
Contoh
Cari tahu berapa banyak elemen <p> yang ada di dalam elemen <div> (menggunakan properti length dari objek NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Contoh
Ubah warna latar belakang elemen <p> kedua (indeks 1) di dalam elemen <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Contoh
Ubah warna latar belakang semua elemen <p> di dalam elemen <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Contoh
Ubah warna latar belakang elemen keempat (indeks 3) di dalam elemen <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Contoh
Menggunakan parameter "*".
Ubah warna latar belakang semua elemen di dalam elemen <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Halaman Terkait
Referensi JavaScript: document.getElementsByTagName()
Tutorial JavaScript: Daftar Node DOM JavaScript HTML
Objek Elemen