HTML DOM Document images 属性

定义和用法

images 属性返回文档中所有 <img> 元素的集合。

images ویژگی‌ها HTMLCollection.

تصویرویژگی s فقط خواندنی است.

توضیح:ویژگی images عناصر <input> دارای type="image" را برمی‌گرداند.

HTMLCollection

HTMLCollection مجموعه‌ای مشابه آرایه از عناصر HTML است (لیست).

می‌توان از طریق شماره‌ی نشانه به عناصر موجود در مجموعه دسترسی داشت (از 0 شروع می‌شود).

length ویژگی‌ها تعداد عناصر موجود در مجموعه را برمی‌گرداند.

لطفاً ببینید:

تصویر

HTML <img> چھاپ

آموزش HTML تصویر

مثال

مثال 1

تعداد عناصر <img> موجود در مستند:

تعداد عناصر <img> موجود در مستند: document.images.length;

سعی کنید خودتان امتحان کنید

مثال 2

تمام عناصر <img> موجود را جستجو کنید و URL هر عنصر (src) را چاپ کنید:

const myImages = document.images;
let text = "";
برای (let i = 0; i < myImages.length; i++) {
  text += myImages[i].src + "<br>";
}

سعی کنید خودتان امتحان کنید

مثال 3

URL اولین عنصر <img>:

URL اولین عنصر <img>: document.images[0].src;

سعی کنید خودتان امتحان کنید

مثال 4

URL اولین عنصر <img>:

URL اولین عنصر <img>: document.images.item(0).src;

سعی کنید خودتان امتحان کنید

مثال 5

URL عناصر <img> دارای id="myImg":

URL عناصر <img> دارای id="myImg": document.images.namedItem("myImg").src;

سعی کنید خودتان امتحان کنید

مثال 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 آپرا
Chrome IE Edge Firefox Safari آپرا
پشتیبند 9-11 پشتیبند پشتیبند پشتیبند پشتیبند