最新的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>標記