Koleksi elemen formulir
Contoh
Cari tahu berapa banyak elemen yang ada dalam elemen <form> yang ditentukan:
var x = document.getElementById("myForm").elements.length;
Hasil dari x menjadi:
3
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Koleksi elemen mengembalikan koleksi semua elemen dalam formulir.
Catatan: Elemen dalam koleksi diurutkan seperti yang muncul di kode sumber.
Catatan: Koleksi elemen mengembalikan semua elemen di dalam elemen <form>, tidak semua elemen <form> dalam dokumen. Untuk mendapatkan semua elemen <form> dalam dokumen, gunakan koleksi document.forms sebagai gantinya.
Dukungan Peramban
| Collection | |||||
|---|---|---|---|---|---|
| elements | Yes | Yes | Yes | Yes | Yes |
Sintaksis
formObject.elements
Properti
| Property | Description |
|---|---|
| length | Returns the number of elements in the <form> element. Note: This property is read-only |
Metode
| Method | Description |
|---|---|
| [index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
| namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
Detail Teknis
| Versi DOM: | Objek Dokumen Tingkat 2 Inti |
|---|---|
| Nilai Kembali: | Objek HTMLFormsControlCollection, mewakili semua elemen dalam elemen <form>. Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber |
Lebih Banyak Contoh
Contoh
[ indeks ]
Dapatkan nilai elemen pertama (indeks 0) dalam bentuk:
var x = document.getElementById("myForm").elements[0].value;
Hasil dari x menjadi:
Donald
Contoh
barang ( indeks )
Dapatkan nilai elemen pertama (indeks 0) dalam bentuk:
var x = document.getElementById("myForm").elements.item(0).value;
Hasil dari x menjadi:
Donald
Contoh
bernamaItem( id )
Dapatkan nilai elemen dengan name="fname" dalam bentuk:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
Hasil dari x menjadi:
Donald
Contoh
Ulangi semua elemen dalam formulir dan hasilkan nilai setiap elemen:
var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++)
{
txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;
Hasil dari txt akan menjadi:
Donald
Duck
Submit
Objek Bentuk