tutorial pengembangan web terbaru
 

HTML DOM getElementsByTagName() Method

<Document Object

Contoh

Dapatkan semua elemen dalam dokumen dengan nama tag tertentu:

var x = document.getElementsByTagName("LI");
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The getElementsByTagName() metode mengembalikan koleksi semua elemen dalam dokumen dengan nama tag tertentu, sebagai objek NodeList.

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

Tip: The ParameterValue "*" mengembalikan semua elemen dalam dokumen.

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


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

document.getElementsByTagName( tagname )

Nilai parameter

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

Rincian teknis

DOM Versi: Inti Level 1 Document Object
Kembali Nilai: Sebuah objek NodeList, mewakili kumpulan elemen dengan nama tag tertentu. Unsur-unsur dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber.

contoh

Contoh lebih

Contoh

Cari tahu berapa banyak <li> elemen ada dalam dokumen (menggunakan properti panjang dari objek NodeList):

var x = document.getElementsByTagName("LI").length;
Cobalah sendiri "

Contoh

Mengubah isi HTML yang pertama <p> elemen (index 0) dalam dokumen:

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
Cobalah sendiri "

Contoh

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

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

Contoh

Menggunakan "*" parameter.

Dapatkan semua elemen dalam dokumen:

var x = document.getElementsByTagName("*");
Cobalah sendiri "

Pages terkait

Referensi JavaScript: elemen. getElementsByTagName()

JavaScript Tutorial: Daftar JavaScript HTML DOM Node


<Document Object