Image Object
The Image object represents an HTML <img> element.
Access an Image Object
You can access an <img> element by using getElementById():
Tip: You can also access an <img> element by using the images collection.
Create an Image Object
You can create an <img> element by using the document.createElement() method:
Image Object Properties
| 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 |
| 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 |
Standard Properties and Events
The Image object also supports the standard properties and events.
Related Pages
HTML tutorial: HTML Images
HTML reference: HTML <img> tag