Panduan Referensi DOM HTMLCollection

Objek HTMLCollection

Objek HTMLCollection adalah daftar seperti array dari elemen HTML.

Metode seperti getElementsByTagName() akan mengembalikan HTMLCollection.

Atribut dan Metode

Atribut dan metode berikut dapat digunakan di objek HTMLCollection:

Atribut / Metode Deskripsi
item() Mengembalikan elemen di indeks yang ditentukan di HTMLCollection.
length Mengembalikan jumlah elemen di HTMLCollection.
namedItem() Mengembalikan elemen yang memiliki ID atau nama yang ditentukan di HTMLCollection.

Contoh

Contoh

Mengambil HTMLCollection:

var x = document.getElementsByTagName("P");
// Mengembalikan kumpulan semua elemen P dalam dokumen

Coba sendiri

Contoh

Menampilkan jumlah elemen <p> dalam dokumen:

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

Coba sendiri

Contoh

Mengelilingi setiap elemen dalam HTMLCollection:

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

Coba sendiri