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

document.images

مثال (document.images)

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

var x = document.images.length;

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

3

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

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

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

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

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

نکته: عبارت images یک مجموعه از عناصر <input> با خصوصیت"type="image را برنمی گرداند.

نکته: همچنین می توانید آموزش Image Object را ببینید.

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

Collection
images	بله	بله	بله	بله	بله

نحوه استفاده

document.images

Properties

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

متد

توضیحات

length

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

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

Methods

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

متد

توضیحات

[index]

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

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

item(index)

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

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

namedItem(id)

عنصر <img> از مجموعه را به وسیله ی id مشخص برمی گرداند.

نکته: در صورتی که id وجود نداشته باشد، null را برمی گرداند.

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

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

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

مثال (document.images)

[index]

به دست آوردن url از اولین عنصر <img> (اندیس 0) در سند:

var x = document.images[0].src;

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

http://www.w3schools.com/jsref/klematis.jpg

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

مثال (document.images)

item(index)

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

var x = document.images.item(0).src;

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

http://www.w3schools.com/jsref/klematis.jpg

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

مثال (document.images)

namedItem(id)

به دست آوردن URL از عنصر <img> به وسیله ی "id="myImg در سند:

var x = document.images.namedItem("myImg").src;

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

http://www.w3schools.com/jsref/smiley.gif

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

مثال (document.images)

اضافه کردن یک کاور نقطه ای به اولین عنصر <img> در سند:

document.images[0].style.border = "10px dotted black";

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

مثال (document.images)

ایجاد یک حلقه بر روی تمام عناصر درون سند و نشان دادن url تمام عکس ها:

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

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

http://www.w3schools.com/jsref/klematis.jpg
http://www.w3schools.com/jsref/klematis2.jpg
http://www.w3schools.com/jsref/smiley.gif

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

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

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

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

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

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

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

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

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

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