ویژگی HTML DOM Document images
- صفحه قبلی head
- صفحه بعدی implementation
- بازگشت به طبقه بالاتر Documents DOM HTML
تعریف و استفاده
images مجموعه‌ای از عناصر <img> موجود در مستند.
images ویژگی‌ها HTMLCollection.
عکسویژگی s فقط خواندنی است.
توجه:ویژگی images عناصر <input> با type="image" را برمی‌گرداند.
HTMLCollection
HTMLCollection مجموعه‌ای مشابه آرایه از عناصر HTML است (لیست).
می‌توان از طریق شماره‌ی نشانی به عناصر در مجموعه دسترسی داشت (از 0 شروع می‌شود).
length تعداد عناصر در مجموعه را برمی‌گرداند.
آموزش تصویری HTML
مثال
مثال 1
تعداد عناصر <img> در سند:
مثال 2
برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید:
برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید: برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید: برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید: برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید: برای هر یک از عناصر <img>، URL (src) آن‌ها را بررسی کنید و چاپ کنید:
text += myImages[i].src + "<br>";
document.images[0].src;
}
مثال 3
document.images[0].src;
مثال 4
URL عنصر اولین <img> است:
مثال 5
URL عناصر <img> با id="myImg" است:
مثال 6
برای افزودن حاشیه سیاه به اولین عنصر <img>:
document.images[0].style.border = "10px dotted black";
شرح نحوی
document.images
ویژگی
| ویژگی | توضیح |
|---|---|
| length | تعداد عناصر <img> در مجموعه. |
روش
| روش | توضیح |
|---|---|
| [index] |
عنصر با شماره‌ی نشانی مشخص شده (از 0 شروع می‌شود) برمی‌گرداند. در صورت اینکه شماره‌ی نشانی از محدوده خارج باشد، null برمی‌گرداند. |
| item(index) |
عنصر با شماره‌ی نشانی مشخص شده (از 0 شروع می‌شود) برمی‌گرداند. در صورت اینکه شماره‌ی نشانی از محدوده خارج باشد، null برمی‌گرداند. |
| namedItem(اگر) |
برمی‌گرداند عناصر با مشخصات اگر دارد. عنصر اگر id |
در صورت عدم وجود، null برمی‌گرداند.
| نوع | توضیح |
|---|---|
| عنصر |
مجموعه HTMLCollection. تمام عناصر <img> در سند. به ترتیب ظهور آن‌ها در کد منبع مرتب می‌شوند. |
پشتیبانی مرورگر
document.images ویژگی DOM Level 1 (1998) است.
همه مرورگرها از آن پشتیبانی می‌کنند:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| پشتیبانی | 9-11 | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی head
- صفحه بعدی implementation
- بازگشت به طبقه بالاتر Documents DOM HTML
