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 对象