HTML DOM Document images 属性
- پچھلے پلیٹ head
- آئندہ پلیٹ implementation
- ایک پلیٹ کی واپسی HTML DOM Documents
定义和用法
images 属性返回文档中所有 <img> 元素的集合。
images ویژگی‌ها HTMLCollection.
تصویرویژگی s فقط خواندنی است.
توضیح:ویژگی images عناصر <input> دارای type="image" را برمی‌گرداند.
HTMLCollection
HTMLCollection مجموعه‌ای مشابه آرایه از عناصر HTML است (لیست).
می‌توان از طریق شماره‌ی نشانه به عناصر موجود در مجموعه دسترسی داشت (از 0 شروع می‌شود).
length ویژگی‌ها تعداد عناصر موجود در مجموعه را برمی‌گرداند.
مثال
مثال 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 | پشتیبند | پشتیبند | پشتیبند | پشتیبند |
- پچھلے پلیٹ head
- آئندہ پلیٹ implementation
- ایک پلیٹ کی واپسی HTML DOM Documents
