HTML DOM Image 对象

Image 对象

Image 对象代表 HTML <img> 元素。

访问 Image 对象

您可以使用 getElementById() 访问 <img> 元素:

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

亲自试一试

提示:您还可以使用 images 集合 访问 <img> 元素。

创建 Image 对象

您可以使用 document.createElement() 方法创建 <img> 元素:

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

亲自试一试

Image 对象属性

属性 描述
align

HTML5 中不支持。请改用 style.cssFloat

设置或返回图像的 align 属性值。

alt 设置或返回图像的 alt 属性值。
border

HTML5 中不支持。请改用 style.border

设置或返回图像的 border 属性值。

complete 返回浏览器是否完成加载图像。
crossOrigin 设置或返回图像的 CORS 设置。
height 设置或返回图像的 height 属性值。
hspace

HTML5 中不支持。请改用 style.margin

设置或返回图像的 hspace 属性值。

isMap 设置或返回图像是否应该是服务器端图像映射的一部分。
longDesc

HTML5 中不支持。

设置或返回图像的 longdesc 属性的值。

lowsrc

HTML5 中不支持。

设置或返回图像的低分辨率版本的 URL。

name

HTML5 中不支持。请改用 id。

设置或返回图像的 name 属性值。

naturalHeight 返回图像的原始高度。
naturalWidth 返回图像的原始宽度。
src 设置或返回图像的 src 属性值。
useMap 设置或返回图像的 usemap 属性值。
vspace

HTML5 中不支持。请改用 style.margin

设置或返回图像的 vspace 属性值。

width 设置或返回图像的 width 属性值。

标准属性和事件

Image 对象同时支持标准属性事件

相关页面

HTML 教程:HTML 图像

HTML 参考手册:HTML <img> 标签