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> 標簽