HTML DOM Image Object


Image Object

The Image object represents an HTML <img> element.

Access an Image Object

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

Example

var x = document.getElementById("myImg");
Try it Yourself »

チップ: 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:

Example

var x = document.createElement("IMG");
Try it Yourself »

Image Object Properties

Property 説明
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