最新的Web开发教程
 

HTML DOM图像对象


图像对象

图像对象表示一个HTML <img>的元素。

访问图像对象

可以访问的<img>通过使用元素getElementById()

var x = document.getElementById("myImg");
试一试»

提示:也可以访问<img>通过使用元件的图像集合。

创建图像对象

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

var x = document.createElement("IMG");
试一试»

图片对象属性

属性 描述
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的图像的属性
name 在HTML5不支持。 使用ID来代替。
设置或返回的值name的图像的属性
naturalHeight 返回图像的原始高度
naturalWidth 返回图像的原始宽度
src 设置或返回的值src的图像的属性
useMap 设置或返回的值usemap的图像的属性
vspace 在HTML5不支持。 使用style.margin代替。
设置或返回的值vspace的图像的属性
width 设置或返回的值width的图像的属性

标准属性和事件

图像对象也支持标准的属性事件


相关页面

HTML教程: HTML图片

HTML参考: HTML <img>标记