مشخصات forms HTML DOM Document
- صفحه قبل execCommand()
- صفحه بعدی getElementById()
- بازگشت به لایه بالاتر موضوع Documents HTML DOM
تعریف و استفاده
forms
مشخصات بازمیگرداند مجموعهای از تمام عناصر <form> در مستند.
forms
مشخصات بازمیگرداند HTMLCollection.
forms
مشخصات فقط خواندنی هستند.
لطفاً به
توجه:لطفاً از مجموعه عناصر فرم تمام عناصر فرم را بازمیگرداند.
HTMLCollection
HTMLCollection مجموعهای مشابه آرایه از عناصر HTML است (لیست).
میتوان از شاخص به عناصر در مجموعه دسترسی پیدا کرد (از 0 شروع).
length ویژگیها تعداد عناصر در مجموعه را برمیگرداند.
مثال
مثال 1
تعداد عناصر <form> در مستند را برمیگرداند:
let num = document.forms.length;
مثال 2
دریافت id اولین عناصر <form>:
let id = document.forms[0].id;
مثال 3
دریافت id اولین عناصر <form>:
let id = document.forms.item(0).id;
مثال 4
دریافت محتوای HTML عناصر <form> با id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
مثال 5
تمام عناصر <form> را در یک چرخه میگردد و id هر فرم را نمایش میدهد:
const forms = document.forms; let text = ""; for (let i = 0; i < forms.length; i++) { text += forms[i].id + "<br>"; }
مثال 6
برای دریافت ارزش هر عنصر در فرم از مجموعه form.elements استفاده کنید:
const form = document.forms[0]; let text = ""; for (let i = 0; i < form.length; i++) { text += forms.elements[i].value + "<br>"; }
نحوه استفاده
document.forms
ویژگی
ویژگی | توضیح |
---|---|
length | تعداد عناصر در مجموعه. |
روش
روش | توضیح |
---|---|
[index] |
عنصر با شاخص مشخص شده (از 0 شروع) برمیگرداند. اگر شاخص از محدوده خارج باشد، null برمیگرداند. |
item(index) |
عنصر با شاخص مشخص شده (از 0 شروع) برمیگرداند. اگر شاخص از محدوده خارج باشد، null برمیگرداند. |
namedItem(اگر) |
عناصر با مشخصات معین اگر برگرداند. عنصر اگر id |
در صورت عدم وجود، null برمیگرداند.
نوع | توضیح |
---|---|
عنصر |
مجموعه HTMLCollection تمام عناصر <form> در مستند. به ترتیب ظهور آنها در کد منبع مرتب شدهاند. |
پشتیبانی مرورگر
document.forms
ویژگی DOM Level 1 (1998) است.
این ویژگی در همه مرورگرها پشتیبانی میشود:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
پشتیبانی میکند | 9-11 | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند | پشتیبانی میکند |
- صفحه قبل execCommand()
- صفحه بعدی getElementById()
- بازگشت به لایه بالاتر موضوع Documents HTML DOM