วัตถุรูปภาพ HTML DOM
วัตถุรูปภาพ
วัตถุ Image แสดงถึงองค์ประกอบ HTML <img>
เข้าถึงวัตถุรูปภาพ
คุณสามารถเข้าถึงองค์ประกอบ <img> โดยใช้ getElementById():
ตัวอย่าง
var x = document.getElementById("myImg");
เคล็ดลับ:คุณยังเข้าถึงองค์ประกอบ <img> ได้โดยใช้คอลเล็กชันรูปภาพ
สร้างวัตถุรูปภาพ
คุณสามารถสร้าง <img> องค์ประกอบโดยใช้ document.createElement() วิธีการ:
ตัวอย่าง
var x = document.createElement("IMG");
คุณสมบัติของวัตถุรูปภาพ
Property | Description |
---|---|
align | Not supported in HTML5. Use style.cssFloat instead. Sets or returns the value of the align attribute of an image |
alt | Sets or returns the value of the alt attribute of an image |
border | Not supported in HTML5. Use style.border instead. Sets or returns the value of the border attribute of an image |
complete | Returns whether or not the browser is finished loading an image |
crossOrigin | Sets or returns the CORS settings of an image |
height | Sets or returns the value of the height attribute of an image |
hspace | Not supported in HTML5. Use
style.margin instead. Sets or returns the value of the hspace attribute of an image |
isMap | Sets or returns whether an image should be part of a server-side image-map, or not |
longDesc | Not supported in HTML5. Sets or returns the value of the longdesc attribute of an image |
lowsrc | Not supported in HTML5. Sets or returns a URL to a low-resolution version of an image |
name | Not supported in HTML5. Use id instead. Sets or returns the value of the name attribute of an image |
naturalHeight | Returns the original height of an image |
naturalWidth | Returns the original width of an image |
src | Sets or returns the value of the src attribute of an image |
useMap | Sets or returns the value of the usemap attribute of an image |
vspace | Not supported in HTML5. Use
style.margin instead. Sets or returns the value of the vspace attribute of an image |
width | Sets or returns the value of the width attribute of an image |
คุณสมบัติและเหตุการณ์มาตรฐาน
ออบเจ็กต์ Image ยังสนับสนุนคุณสมบัติและเหตุการณ์ มาตรฐาน อีกด้วย
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: HTML รูปภาพ
การอ้างอิง HTML: แท็ก HTML <img>