HTML DOM Image Object

Image Object

The Image object represents an HTML <img> element.

You can access an <img> element by using getElementById():

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

Tip: You can also access an <img> element by using the images collection.

You can create an <img> element by using the document.createElement() method:

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

The Image object also supports the standard properties and events.

HTML tutorial: HTML Images

HTML reference: HTML <img> tag