Image naturalHeight 屬性

HTML DOM Image 對象

定義和用法

naturalHeight 屬性返回圖像的原始高度。

例如，如果您有一幅最初為 200 像素高的圖像。然后，您使用 CSS/或使用 HTML "height" 屬性設置圖像的樣式，使其高度成為 500 像素。naturalHeight 屬性將返回 "200"，而 height 屬性將返回 500。

提示：請使用 naturalWidth 屬性 返回圖像的原始寬度，或使用 width 屬性 設置或返回圖像的 width 屬性 的值。

注意：此屬性是只讀的。

實例

例子 1

返回圖像的原始高度：

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

親自試一試

例子 2

naturalHeight 屬性和 height 屬性的區別：

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

親自試一試

語法

imageObject.naturalHeight

技術細節

返回值： 數值，表示圖像的原始高度（以像素為單位）。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

HTML DOM Image 對象