Image height 属性

HTML DOM Image 对象

定义和用法

height 属性设置或返回图像的 height 属性 的值。

height 属性 规定图像的高度。

此属性还可以返回已使用 CSS 设置样式的图像的高度（请参见下方的实例）。

提示：请使用 width 属性 设置或返回图像的 width 属性值。

实例

例子 1

将图像的高度更改为 300px：

document.getElementById("myImg").height = "300";

亲自试一试

例子 2

返回图像的高度：

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

亲自试一试

例子 3

将图像的高度和宽度分别更改为 300px 和 450px：

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

亲自试一试

例子 4

返回已使用 CSS 设置样式的图像高度：

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

亲自试一试

语法

返回 height 属性：

imageObject.height

设置 height 属性：

imageObject.height = pixels

属性值

值 描述
pixels 以像素为单位的高度（例如 height="100"）。

技术细节

返回值： 数值，表示图像的高度，以像素为单位。

浏览器支持

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

相关页面

HTML 参考手册：HTML <img> height 属性

HTML DOM Image 对象