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

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

elements تستعيد المجموعة مجموعة جميع العناصر في النموذج.

مـ التعليقات:العناصر في المجموعة مرتبة حسب ترتيب ظهورها في الكود المصدر.

مـ التعليقات:elements 集合返回

元素内的所有元素,而不是文档中的所有 元素。如需获取文档中的所有 元素,请改用 مـ مجموعة elements تعود إلى جميع العناصر داخل علامة <form>، وليس جميع عناصر <form> في المستند. إذا كنت بحاجة إلى الحصول على جميع عناصر <form> في المستند، فاستخدم بدلاً من ذلك.مـ document.forms مجموعة

.

مثال

مثال 1

مـ العثور على عدد العناصر في العنصر المحدد <form>:

جربها بنفسك

نتيجة x سيكون:

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

مـ 3مـ التوجيه:

مـ يتم تقديم المزيد من الأمثلة في نهاية الصفحة.

مـ الجملةمـ كائن العنوان

.elements

.elements مـ الوصف
مـ الخاصية

مـ طول

مـ التعليقات:مـ العودة إلى عدد العناصر في علامة <form>.

مـ هذه الخاصية غير قابلة للتعديل.

مـ هذه الخاصية غير قابلة للتعديل. مـ الوصف
[مـ index]

مـ العودة إلى العنصر في <form> مع الرقم التسلسلي المحدد (من البداية).

مـ التعليقات:مـ إذا كان الرقم التسلسلي يتجاوز النطاق، فسيتم العودة إلى null.

مـ item(مـ index)

مـ العودة إلى العنصر في <form> مع الرقم التسلسلي المحدد (من البداية).

مـ التعليقات:مـ إذا كان الرقم التسلسلي يتجاوز النطاق، فسيتم العودة إلى null.

مـ namedItem(مـ id)

مـ العودة إلى العنصر في <form> مع id المحدد.

مـ التعليقات:مـ إذا لم يكن id موجودًا، فسيتم العودة إلى null.

مـ التفاصيل التقنية

مـ إصدار DOM: مـ مستوى المستند الأساسي 2 كائن الوثيقة
مـ القيمة المعدة:

مـ HTMLFormsControlCollection كائن، يمثل جميع العناصر في علامة <form>.

عناصر المجموعة مرتبة وفقًا لترتيب ظهورها في الكود المصدر.

مثال إضافي

مثال 2: [مـ index]

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

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

جربها بنفسك

نتيجة x سيكون:

Donald

مثال 3: item(مـ index)

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

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

جربها بنفسك

نتيجة x سيكون:

Donald

مثال 4: namedItem(مـ id)

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

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

جربها بنفسك

نتيجة x سيكون:

Donald

مثال 5

تـ تكرار مرور جميع العناصر في النموذج وإخراج قيمة كل عنصر:

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

جربها بنفسك

نتيجة x سيكون:

Donald
Duck
إرسال

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم