Kumpulan elemen Form

Objek Form DOM HTML

Definisi dan penggunaan

elements Kumpulan mengembalikan kumpulan seluruh elemen dalam formulir.

Keterangan:Elemen dalam kumpulan diurutkan berdasarkan urutan munculnya di kode asal.

Keterangan:Kumpulan elements mengembalikan semua elemen dalam elemen <form>, bukan semua elemen <form> dalam dokumen. Jika ingin mendapatkan semua elemen <form> dalam dokumen, gunakan Kumpulan document.forms.

Contoh

Contoh 1

Cari berapa banyak elemen ada di dalam elemen <form> yang ditentukan:

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

Coba Sendiri

Hasil x akan adalah:

3

Petunjuk:Beberapa contoh lain disediakan di bawah halaman.

Sintaks

formObject.elements

Atribut

Atribut Deskripsi
length

Kembalikan jumlah elemen dalam elemen <form>.

Keterangan:Atribut ini hanya-baca.

Metode

Metode Deskripsi
[index]

Kembalikan elemen yang ada di dalam <form> dengan indeks yang ditentukan (dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
item(index)

Kembalikan elemen yang ada di dalam <form> dengan indeks yang ditentukan (dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
namedItem(id)

Kembalikan elemen yang ada di dalam <form> dengan id yang ditentukan.

Keterangan:Jika id tidak ada, kembalikan null.

Detil teknis

Versi DOM: Dokumen Level 2 Core Document Object
Nilai kembalian:

Objek HTMLFormsControlCollection, mewakili semua elemen dalam elemen <form>.

Elemen dalam kumpulan diurutkan berdasarkan urutan munculnya di kode asal.

Beberapa contoh lain

Contoh 2: [index]

Ambil nilai elemen pertama dalam formulir (indeks 0):

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

Coba Sendiri

Hasil x akan adalah:

Donald

Contoh 3: item(index)

Ambil nilai elemen pertama dalam formulir (indeks 0):

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

Coba Sendiri

Hasil x akan adalah:

Donald

Contoh 4: namedItem(id)

Ambil nilai elemen dalam formulir dengan name="fname":

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

Coba Sendiri

Hasil x akan adalah:

Donald

Contoh 5

Lanjutkan mengelilingi semua elemen formulir dan tampilkan nilai setiap elemen:

var x = document.getElementById("myForm");
var txt = "";
var i;
untuk (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

Coba Sendiri

Hasil x akan adalah:

Donald
Duck
Kirim

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek Form DOM HTML