Image naturalHeight 属性

Objek Image DOM HTML

定义和用法

naturalHeight 属性返回图像的原始高度。

例如，如果您有一幅最初为 200 像素高的图像。然后，您使用 CSS/或使用 HTML "height" 属性设置图像的样式，使其高度成为 500 像素。naturalHeight 属性将返回 "200"，而 height 属性将返回 500。

提示：请使用 naturalWidth 属性 返回图像的原始宽度，或使用 width 属性 设置或返回图像的 width 属性 的值。

注意：此属性是只读的。

实例

例子 1

返回图像的原始高度：

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

Cuba sendiri

例子 2

naturalHeight 属性和 height 属性的区别：

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

Cuba sendiri

Sintaksis

imageObject.naturalHeight

Perincian teknikal

Hasil balik: Nombor, menunjukkan ketinggian asal imej (dalam piksel).

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 9.0 Dukungan Dukungan Dukungan

Objek Image DOM HTML