tutorial pengembangan web terbaru
 

HTML DOM membentuk Koleksi

<Document Object

Contoh

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

var x = document.forms.length;

Hasil x akan:

1
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Bentuk-bentuk koleksi mengembalikan koleksi semua <form> elemen dalam dokumen.

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

Tip: Gunakan elemen koleksi Obyek Form untuk kembali koleksi semua elemen dalam formulir.

Dukungan Browser

Koleksi
forms iya nih iya nih iya nih iya nih iya nih

Sintaksis

document.forms

properti

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

Catatan: Properti ini read-only

metode

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

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

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

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

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

Contoh lebih

Contoh

[Index]

Mendapatkan id yang pertama <form> elemen (index 0) dalam dokumen:

var x = document.forms[0].id;

Hasil x akan:

myCarForm
Cobalah sendiri "

Contoh

item( index )

Mendapatkan id yang pertama <form> elemen (index 0) dalam dokumen:

var x = document.forms.item(0).id;

Hasil x akan:

myCarForm
Cobalah sendiri "

Contoh

namedItem( id )

Dapatkan konten HTML dari <form> elemen dengan id = "myForm" dalam dokumen:

var x = document.forms.namedItem("myCarForm").innerHTML;

Hasil x akan:

Favorite Car:
Cobalah sendiri "

Contoh

Loop melalui semua <form> elemen dalam dokumen, dan output id dari setiap form:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

Hasil txt akan:

myCarForm
myColorForm
Cobalah sendiri "

Contoh

Menggunakan koleksi elemen bersama-sama dengan document.forms untuk mendapatkan rgb (241, 241, 241); "> nilai setiap elemen dalam bentuk:

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}

Hasil x akan:

Donald
Duck
Duckburg
Submit
Cobalah sendiri "

Pages terkait

Referensi JavaScript: HTML DOM Form Object

JavaScript referensi: elemen Form Koleksi

Tutorial HTML: Bentuk HTML

Referensi HTML: HTML <form> tag

<Document Object