HTML DOM getElementsByTagName() Method

<Elemen Object

Contoh

Mengubah isi HTML yang pertama <li> elemen (index 0) dalam daftar:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Sebelum mengubah teks:

Coffee
Tea

Setelah mengubah teks:

Milk
Tea

Cobalah sendiri "

Definisi dan Penggunaan

The getElementsByTagName() metode mengembalikan koleksi elemen anak seorang unsur ini dengan nama tertentu tag, sebagai objek NodeList.

Objek NodeList merupakan kumpulan node. Node dapat diakses oleh angka indeks. indeks dimulai dari 0.

Tip: Anda dapat menggunakan panjang milik objek NodeList untuk menentukan jumlah node anak dengan nama tag tertentu, maka Anda dapat loop melalui semua node dan ekstrak info yang Anda inginkan.

Tip: The ParameterValue "*" mengembalikan semua elemen anak elemen.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
getElementsByTagName()	1.0	6.0	3.0	3.0	9.5

Sintaksis

element .getElementsByTagName( tagname )

Nilai parameter

Parameter	Mengetik	Deskripsi
tagname	String	Wajib. The tagname dari elemen anak Anda ingin mendapatkan

Rincian teknis

DOM Versi	Inti Level 1 Elemen Object
Kembali Nilai:	Sebuah objek NodeList, mewakili koleksi elemen anak elemen dengan tagname ditentukan. Unsur-unsur dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber.

Contoh lebih

Contoh

Cari tahu berapa banyak <p> elemen ada di dalam <div> elemen (menggunakan properti panjang dari objek NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

Hasil x akan:

Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari kedua <p> elemen (index 1) di dalam <div> elemen:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari semua <p> elemen di dalam <div> elemen:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari elemen keempat (index 3) di dalam <div> elemen:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

Cobalah sendiri "

Contoh

Menggunakan "*" parameter.

Mengubah warna latar belakang dari semua elemen di dalam <div> elemen:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Cobalah sendiri "