مجموعة عناصر النموذج
مثال
اكتشف عدد العناصر الموجودة في عنصر <form> محدد:
var x = document.getElementById("myForm").elements.length;
ستكون نتيجة x :
3
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم مجموعة العناصر بإرجاع مجموعة من جميع العناصر في نموذج.
ملاحظة: يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر.
ملاحظة: تُرجع مجموعة العناصر جميع العناصر داخل عنصر <form> ، وليس كل عناصر <form> في المستند. للحصول على جميع عناصر <form> في المستند ، استخدم مجموعة document.forms بدلاً من ذلك.
دعم المتصفح
Collection | |||||
---|---|---|---|---|---|
elements | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
formObject.elements
الخصائص
Property | Description |
---|---|
length | Returns the number of elements in the <form> element. Note: This property is read-only |
طرق
Method | Description |
---|---|
[index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
تفاصيل تقنية
إصدار DOM: | كائن مستند المستوى 2 الأساسي |
---|---|
قيمة الإرجاع: | كائن HTMLFormsControlCollection ، يمثل جميع العناصر في عنصر <form>. يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[ فهرس ]
احصل على قيمة العنصر الأول (الفهرس 0) في نموذج:
var x = document.getElementById("myForm").elements[0].value;
ستكون نتيجة x :
Donald
مثال
عنصر ( فهرس )
احصل على قيمة العنصر الأول (الفهرس 0) في نموذج:
var x = document.getElementById("myForm").elements.item(0).value;
ستكون نتيجة x :
Donald
مثال
العنصر ( المعرف )
احصل على قيمة العنصر بالاسم = "fname" في شكل:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
ستكون نتيجة x :
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
❮ كائن النموذج