最新的Web開發教程
 

圖像高度屬性

圖像對象參考 圖像對象

圖像的高度改為300像素:

document.getElementById("myImg").height = "300";
試一試»

定義和用法

height屬性設置或返回的值height圖像的屬性。

height屬性指定的圖像的高度。

此屬性還可以返回已與風格的CSS圖像的高度(查看更多的例子)。

提示:使用寬度屬性來設置或返回的值width圖像的屬性。


瀏覽器支持

屬性
height

句法

返回height屬性:

imageObject .height

設置height屬性:

imageObject .height= pixels

屬性值

Value Description
pixels The height in pixels (e.g. height="100")

技術細節

返回值: 一個數字,表示圖像的高度,以像素為單位

更多示例

返回圖像的高度:

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

x的結果將是:

98
試一試»

圖像的高度和寬度更改為300像素:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
試一試»

返回已風格的CSS圖像的高度:

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

相關頁面

HTML參考: HTML <img> height屬性


圖像對象參考 圖像對象