HTML DOM Image Object

‎شئImage

‎شئImage منتسب با يك عنصرHTML ‎<img>‎ ميباشد .با شئImage ‎ميتوان عنصرHTML ‎<img>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎دسترسي به شئImage

‎مثال ـ دسترسي به شئImage با id="myImg‎"‎

var x = document.getElementById("myImg");

‎همچنين ميتوان بااستفاده از مجموعه تصاوير‎(Images collection)‎ به عنصر ‎<img>‎دسترسي پيدا كرد .

‎شئdocument.images مجموعه اشياء ويا عناصر تصويري سند را شامل ميشود .با آن ميتوان به عناصر ‎تصويري دسترسي پيدا كرد.

‎مثال ـ در يافت تعداد عناصر تصويري سند.

document.images.length;

‎مثال ـ ايجاد يك حلقه براي دسترسي به ويژگيsrc همه عناصر تصويري سند

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

‎بدو فرم به شئj ام تصويري مجموعه تصاوير ميتوان دسترسي پيدا كرد .انديس اشياء از‎ 0‎ ‎شروع ميگردد.

document.images[j] document.images.item(j)

‎ايجاد شئImage

‎با متد‎document.createElement()‎‎ ميتوان شئImage را ايجاد نمود.

‎مثال ـ ايجاد شئImage

var x = document.createElement("IMG");

‎ويژگي هاي شئImage

‎شئImage از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML <img> Tag