Form öğeleri topluluğu

HTML DOM Form nesnesi

Tanım ve kullanım

elements Toplu, formdaki tüm öğelerin topluluğunu döndürür.

Açıklama:Öğeler, kaynak kodunda ortaya çıktıkları sırayla sıralanır.

Açıklama:elements koleksiyonu, <form> elementi içindeki tüm elementleri döner, tüm <form> elementlerini değil. Tüm <form> elementlerini almak istiyorsanız, lütfen değiştirin. document.forms koleksiyonu.

Örnek

Örnek 1

Belirtilen <form> elementindeki element sayısını bulun:

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

Kişisel olarak deneyin

x'nin sonucu şu şekilde olacaktır:

3

İpucu:Sayfa altında daha fazla örnek sağlanmaktadır.

Sözdizimi

formObject.elements

Özellik

Özellik Açıklama
length

<form> elementindeki element sayısını döner.

Açıklama:Dönüş değeri:

Bu özellik yalnızca okunabilir.

Bu özellik yalnızca okunabilir. Açıklama
[index]

Belirtilen indeksdeki <form> içindeki elementi döner (0'dan başlayarak).

Açıklama:Endeks numarası aralığında değilse null döner.
item(index)

Belirtilen indeksdeki <form> içindeki elementi döner (0'dan başlayarak).

Açıklama:Endeks numarası aralığında değilse null döner.
namedItem(id)

<form> içinde belirtilen id'ye sahip elementi döner.

Açıklama:id yoksa null döner.

Teknik ayrıntılar

DOM sürümü: Core Level 2 Document Object
Dönüş değeri:

HTMLFormsControlCollection nesnesi, <form> elementindeki tüm elementleri temsil eder.

Koleksiyondaki elementler, kaynak kodunda göründükleri sırayla sıralanır.

Daha fazla örnek

Örnek 2: [index]

Formdaki ilk elementin (0 indeksi) değerini alın:

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

Kişisel olarak deneyin

x'nin sonucu şu şekilde olacaktır:

Donald

Örnek 3: item(index)

Formdaki ilk elementin (0 indeksi) değerini alın:

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

Kişisel olarak deneyin

x'nin sonucu şu şekilde olacaktır:

Donald

Örnek 4: namedItem(id)

Formdaki name="fname" elementinin değerini alın:

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

Kişisel olarak deneyin

x'nin sonucu şu şekilde olacaktır:

Donald

Örnek 5

Döngü içinde formdaki tüm elementleri dolaş ve her bir elementin değerini çıktıya yazdır:

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;

Kişisel olarak deneyin

x'nin sonucu şu şekilde olacaktır:

Donald
Duck
Gönder

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM Form nesnesi