آموزش طراحی سایت (HTML CSS Javascript) | آتریا

document.forms

مثال (document.forms)

فهمیدن اینکه چه تعداد عنصر <form> در سند وجود دارند:

var x = document.forms.length;

خروجی x در کد بالا

1

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

این خصوصیت، یک مجموعه از تمام عناصر <form> در سند را برمی گرداند.

نکته: عناصر درون مجموعه مانند موقعی که درون سورس کد ظاهر می شوند، ذخیره می شوند.

نکته: از مجموعه عناصر شیء FORM برای برگرداندن یک مجموعه از تمام عناصر در یک فرم استفاده کنید.

پشتیبانی مرورگرها

Collection
forms	بله	بله	بله	بله	بله

نحوه استفاده

document.forms

خصوصیت ها

متد	توضیحات
length	تعداد عناصر <form> را در مجموعه مشخص شده برمی گرداند. نکته: این خصوصیت فقط خواندنی می باشد.

متد

توضیحات

length

تعداد عناصر <form> را در مجموعه مشخص شده برمی گرداند.

نکته: این خصوصیت فقط خواندنی می باشد.

متدها

متد	توضیحات
[index]	برگرداندن عنصر <form> از مجموعه مشخص با یک اندیس مشخص شده(که از 0 شروع می شود). نکته: در صورتی که عدد اندیس خارج از محدوده باشد، null را برمی گرداند.
item(index)	با یک اندیش مشخص،(که از 0 شروع می شود)، عنصر <form> را از مجموعه، برمی گرداند. نکته: در صورتی که عدد اندیس خارج از محدوده باشد، null را برمی گرداند.
namedItem(id)	با یک ID مشخص، عنصر <form> را از مجموعه برمی گرداند. نکته: در صورتی که ID مورد نظر وجود نداشته باشد، مقدار null برگردانده خواهد شد.

متد

توضیحات

[index]

برگرداندن عنصر <form> از مجموعه مشخص با یک اندیس مشخص شده(که از 0 شروع می شود).

نکته: در صورتی که عدد اندیس خارج از محدوده باشد، null را برمی گرداند.

item(index)

با یک اندیش مشخص،(که از 0 شروع می شود)، عنصر <form> را از مجموعه، برمی گرداند.

نکته: در صورتی که عدد اندیس خارج از محدوده باشد، null را برمی گرداند.

namedItem(id)

با یک ID مشخص، عنصر <form> را از مجموعه برمی گرداند.

نکته: در صورتی که ID مورد نظر وجود نداشته باشد، مقدار null برگردانده خواهد شد.

جزئیات تکنیکی

DOM Version:	Core Level 1 کلیه توابع و خصوصیت های شیء Document در JavaScript
مقدار برگشتی	یک شیء HTMLCollection که نشان دهنده ی تمام عناصر <form> است. عناصر درون مجموعه مانند موقعی که در سورس کد ظاهر می شوند، ذخیره ذخیره می شوند.

مثال - خودتان امتحان کنید

مثال (document.forms)

[index]

به دست اوردن اولین عنصر <form> (اندیس0) در سند:

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

خروجی x در کد بالا

myCarForm

خودتان امتحان کنید »

مثال (document.forms)

item(index)

به دست آوردن id اولین عنصر <form> (اندیس 0) در سند.

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

خروجی x در کد بالا

myCarForm

خودتان امتحان کنید »

مثال (document.forms)

namedItem(id)

به دست آوردن محتوای HTML عنصر <form> به وسیله ی "id="myForm در سند:

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

خروجی x در کد بالا

Favorite Car:

خودتان امتحان کنید »

مثال (document.forms)

ایجاد یک حلقه بر روی تمام عناصر <form> در سند و نشان دادن ID هر فرم در خروجی:

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

خروجی txt در کد بالا:

myCarForm
myColorForm

خودتان امتحان کنید »

مثال (document.forms)

استفاده از مجموعه elements به همراه document.forms برای به دست آوردن مقدار هر عنصر در درون فرم:

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

خروجی x در کد بالا

Donald
Duck
Duckburg
Submit

خودتان امتحان کنید »

آموزش های مرتبط

مرجع جاوا اسکریبت: HTML DOM Form Object

مرجع جاوا اسکریبت: Form elements Collection

آموزش اچ تی ام ال: HTML Forms

مرجع تگ ها: HTML <form> tag

کلیه توابع و خصوصیت های شیء Document در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 4638

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی