Objek HTMLCollection XML DOM

Objek HTMLCollection

HTMLCollection adalah suatu antara, yang mewakili kumpulan elemen HTML, ia menyediakan kaedah dan sifat untuk mengelilingi senarai.

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

Setiap item di bawah ini (dan atribut yang disifatkan) mengembalikan HTMLCollection:

  • Dokument (imej, applets, pautan, formulir, anjungan)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • section (rows)
  • baris (cells)

Banyak sifat antara Interface HTMLDocument adalah Objek HTMLCollection, ia menyediakan jalan mudah untuk mengakses elemen-elemen dokumen seperti formulir, imej dan pautan.form.elements dan select.options adalah Objek HTMLCollection. HTMLCollection juga menyediakan pengalaman Table setiap baris serta Baris TableRow yang menggabungkan sel-sel dalam tabel.

Dipetik di atas, Objek HTMLCollection adalah kumpulan elemen HTML yang memiliki kaedah, ia digunakan untuk mendapatkan elemen melalui posisi elemen di dokumen atau atribut id, atribut name mereka. Dalam JavaScript, tingkah laku Objek HTMLCollection seperti array bacaan sahaja, boleh digunakan tanda kurung buka JavaScript untuk mengindeks Objek HTMLCollection melalui nombor atau nama, tanpa perlu panggil Kaedah item()dan Kaedah namedItem().

Objek HTMLCollection adalah bacaan sahaja, dan tidak boleh ditambahkan elemen baru, walaupun menggunakan sintaks array JavaScript juga.

Objek HTMLCollection dan Objek NodeListSama seperti, tetapi yang terdahulu boleh digunakan dengan indeks nama maupun nombor.

Sifat Objek HTMLCollection

Sifat Penerangan
cssRules Sifat bacaan sahaja, mengembalikan integer yang menunjukkan panjang senarai (iaitu bilangan elemen di dalam kumpulan).

Objek HTMLCollection kaedah

Method Penerangan
item() Kembalikan elemen (nod) yang berada di posisi yang ditentukan dalam kumpulan.
namedItem() Kembalikan elemen (nod) dalam kumpulan yang mempunyai nilai atribut name atau id yang ditentukan.

Contoh

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

Laman berkaitan

Panduan rujukan DOM XML:Objek HTMLDocument

Panduan rujukan DOM XML:Objek NodeList

Panduan rujukan:Panduan rujukan HTML DOM