tutorial pengembangan web terbaru
 

unsur-unsur bentuk Koleksi

<Form Object

Contoh

Cari tahu berapa banyak elemen ada dalam ditentukan <form> elemen:

var x = document.getElementById("myForm").elements.length;

Hasil x akan:

3
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Unsur-unsur koleksi mengembalikan koleksi semua elemen dalam formulir.

Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.

Catatan: Unsur-unsur koleksi mengembalikan semua elemen di dalam <form> elemen, tidak semua <form> elemen dalam dokumen. Untuk mendapatkan semua <form> elemen dalam dokumen, menggunakan document.forms koleksi gantinya.

Dukungan Browser

Koleksi
elements iya nih iya nih iya nih iya nih iya nih

Sintaksis

formObject .elements

properti

Milik Deskripsi
length Mengembalikan jumlah elemen dalam <form> elemen.

Catatan: Properti ini read-only

metode

metode Deskripsi
[ index ] Mengembalikan elemen dalam <form> dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
item( index ) Mengembalikan elemen dalam <form> dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
namedItem( id ) Mengembalikan elemen dalam <form> dengan id tertentu.

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

DOM Versi: Inti Level 2 Document Object
Kembali Nilai: Sebuah HTMLFormsControlCollection Object, yang mewakili semua unsur dalam <form> elemen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber
contoh

Contoh lebih

Contoh

[Index]

Mendapatkan nilai elemen pertama (index 0) dalam bentuk:

var x = document.getElementById("myForm").elements[0].value;

Hasil x akan:

Donald
Cobalah sendiri "

Contoh

item( index )

Mendapatkan nilai elemen pertama (index 0) dalam bentuk:

var x = document.getElementById("myForm").elements.item(0).value;

Hasil x akan:

Donald
Cobalah sendiri "

Contoh

namedItem( id )

Mendapatkan nilai elemen dengan nama = "fname" dalam bentuk:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

Hasil x akan:

Donald
Cobalah sendiri "

Contoh

Loop melalui semua elemen dalam bentuk dan output 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 txt akan:

Donald
Duck
Submit
Cobalah sendiri "
<Form Object