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

تگ img در JavaScript

شیء image

شیء image نماینده ی تگ <img> در html است.

دسترسی به یک شیء image

برای دسترسی به تگ <img> می توان از متد ()getElementById استفاده نمود:

var x = document.getElementById("myimg"); امتحان کنید

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

ایجاد یک شیء image

برای ایجاد تگ <img> می توان از متد ()document.createelemet استفاده نمود:

var x = document.createElement("img"); امتحان کنید

خصوصیات شیء image

متد	توضیحات
align	در html5 پشتیبانی نمی شود. به جای آن از style.cssfloat استفاده کنید. مقدار خصوصیت align را از یک عکس، ست کرده یا برمی گرداند.
alt	مقدار خصوصیت alt را از یک عکس، ست کرده یا برمی گرداند.
border	در html5 پشتیبانی نمی شود. به جای آن از style.border استفاده نمایید. مقدار خصوصیت border را از یک عکس، ست کرده یا برمی گرداند.
complete	برمی گرداند که آیا مرورگر مورد نظر لود شدن یک عکس را به پایان رسانده است یا نه.
crossorigin	تنظیمات cors از یک عکس را ست کرده یا برمی گرداند.
height	مقدار خصوصیت height از یک عکس را ست کرده یا برمی گرداند.
hspace	در html5 پشتیبانی نمی شود. به جای آن از style.margin استفاده کنید. مقدار خصوصیت hspace از یک عکس را ست کرده یا برمی گرداند.
ismap	ست کرده یا برمی گرداند که آیا یک عکس باید جرئی از یک image-map سمت سرور باشد یا نه.
longdesc	در html5 پشتیبانی نمی شود. مقدار خصوصیت longdesc را از یک عکس، ست کرده یا برمی گرداند.
name	در html5 پشتیبانی نمی شود. به جای آن از id استفاده کنید. مقدار خصوصیت name را از یک عکس ست کرده یا برمی گرداند.
naturalheight	ارتفاع اصلی یک عکس را برمی گرداند.
naturalwidth	عرض اصلی یک عکس را برمی گرداند.
src	مقدار خصوصیت src از یک عکس را ست کرده یا برمی گرداند.
usemap	مقدار خصوصیت usemap از یک عکس را ست کرده یا برمی گرداند.
vspace	در html5 پشتیبانی نمی ود. به جای آن از style.margin استفاده کنید. مقدار خصوصیت vspace از یک عکس را ست کرده یا برمی گرداند.
width	مقدار خصوصیت width از یک عکس را ست کرده یا برمی گرداند.

خصوصیت ها و رویدادهای استاندارد

این شیء، خصوصیت ها و رویدادهای استاندارد javascript را پشتیبانی می کند.

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

آموزش اچ تی ام ال: html images

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

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

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

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

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