HTML | DOM 图像 naturalHeight 属性

简介

在DOM中，图像对象(Image对象)是由HTMLImageElement对象表示的。naturalHeight属性返回图像的原始高度(以像素为单位)，如果未指定高度，则为实际高度。

语法

imgObj.naturalHeight

返回值

naturalHeight属性返回数值类型的高度值。

示例

HTML代码：

<img id="myImg" src="example.jpg" alt="Example Image">

JavaScript代码：

var img = document.getElementById("myImg");
var height = img.naturalHeight;
alert("The natural height of the image is: " + height + " pixels.");

输出结果：

The natural height of the image is: 720 pixels.

兼容性

naturalHeight属性可以在所有主流浏览器中使用。

相关属性

• naturalWidth：返回图像的原始宽度(以像素为单位)，如果未指定宽度，则为实际宽度。

总结

naturalHeight属性用于获取图像的原始高度。通过这个属性，我们可以在不需要将图像下载或加载到页面中的情况下获取它的高度。