Objek HTMLCollection XML DOM

Object HTMLCollection

Object HTMLCollection adalah sebuah interface yang mewakili koleksi elemen HTML, yang menyediakan metode dan atribut untuk mengelola daftar.

Object HTMLCollection di HTML DOM adalah 'hidup'; jika dokumen dasar berubah, perubahan itu akan segera terlihat melalui semua Object HTMLCollection.

Setiap item di bawah ini (dan properti yang mereka Tentukan) mengembalikan Object HTMLCollection:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Banyak properti Interface HTMLDocument adalah Object HTMLCollection, yang menyediakan cara yang mudah untuk mengakses elemen-elemen dokumen seperti formulir, gambar, dan tautan.form.elements dan select.options semua adalah Object HTMLCollection. Object HTMLCollection juga menyediakan pengelompokan Table baris-baris TableRow sebagai cara yang mudah untuk mendapatkan sel-sel yang berbeda.

Telah disebutkan di atas, Object HTMLCollection adalah koleksi elemen HTML yang mempunyai metode, yang dapat digunakan untuk mendapatkan elemen melalui posisi elemen dalam dokumen atau melalui atribut id dan name mereka. Dalam JavaScript, perilaku Object HTMLCollection sama seperti array hanya-baca, dapat menggunakan tanda kurung siku JavaScript untuk mengindeks Object HTMLCollection melalui nomor atau nama, tanpa perlu memanggil Metode item()dan Metode namedItem().

Object HTMLCollection hanya-baca, tidak dapat menambahkan elemen baru padanya, bahkan jika menggunakan sintaks array JavaScript.

Object HTMLCollection dan Objek NodeListSama seperti, tetapi yang pertama mungkin dapat digunakan untuk indeks nama maupun indeks angka.

Atribut Object HTMLCollection

Atribut Deskripsi
cssRules Atribut hanya-baca, kembalikan bilangan integer yang menunjukkan panjang daftar (yaitu jumlah elemen dalam koleksi).

Metode Object HTMLCollection

Metode Deskripsi
item() Kembalikan elemen (nod) yang ditentukan posisinya di dalam kumpulan.
namedItem() Kembalikan elemen (nod) yang memiliki nilai atribut name atau id yang ditentukan di dalam kumpulan.

Contoh

var c = document.forms;		//Ini adalah objek HTMLCollection untuk elemen form
var firstform = c[0];		//Dapat digunakan seperti array numerik
var lastform = c[c.length-1];	//Properti length mengembalikan jumlah elemen
var address = c["address"];		//Dapat digunakan seperti array yang berhubungan
var address = c.address;		//JavaScript mengizinkan ekspresi seperti ini

Hal yang Berhubungan

Referensi Panduan DOM XML:Objek HTMLDocument

Referensi Panduan DOM XML:Objek NodeList

Referensi Panduan:Panduan Referensi HTML DOM