أحدث البرامج التعليمية وتطوير الشبكة
 

مجموعة عناصر النموذج

<كائن نموذج

مثال

معرفة عدد العناصر هناك في تحديد <form> العنصر:

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

ونتيجة لالعاشر على النحو التالي:

3
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

جمع العناصر بإرجاع جمع كل العناصر في نموذج.

Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.

ملاحظة: جمع العناصر بإرجاع كافة عناصر داخل <form> عنصر، وليس فقط <form> العناصر في الوثيقة. للحصول على كل <form> العناصر في الوثيقة، استخدام document.forms جمع بدلا من ذلك.

دعم المتصفح

مجموعة
elements نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

formObject .elements

الخصائص

خاصية وصف
length إرجاع عدد من العناصر في <form> العنصر.

ملاحظة: هذه الخاصية للقراءة فقط

أساليب

طريقة وصف
[ index ] إرجاع عنصر في <form> مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
item( index ) إرجاع عنصر في <form> مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
namedItem( id ) إرجاع عنصر في <form> مع معرف المحدد.

ملاحظة: إرجاع فارغة حالة عدم وجود هوية

تفاصيل تقنية

صفحة DOM: المستوى الأساسي كائن 2 الوثيقة
قيمة الإرجاع: كائن HTMLFormsControlCollection، يمثلون جميع العناصر في <form> العنصر. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر
أمثلة

مزيد من الأمثلة

مثال

[المؤشر]

الحصول على قيمة العنصر الأول (index 0) في نموذج:

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

ونتيجة لالعاشر على النحو التالي:

Donald
انها محاولة لنفسك »

مثال

item( index )

الحصول على قيمة العنصر الأول (index 0) في نموذج:

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

ونتيجة لالعاشر على النحو التالي:

Donald
انها محاولة لنفسك »

مثال

namedItem( id )

الحصول على قيمة العنصر مع اسم = "fname" في نموذج:

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

ونتيجة لالعاشر على النحو التالي:

Donald
انها محاولة لنفسك »

مثال

حلقة عبر كافة العناصر في شكل وإخراج قيمة كل عنصر:

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;

وستكون النتيجة من النص على النحو التالي:

Donald
Duck
Submit
انها محاولة لنفسك »
<كائن نموذج