HTML | DOM 输入图像高度属性

在 HTML 中，图像元素是使用 img 标签定义的。可以使用 height 属性来指定图像的高度。

DOM 对象属性

在 JavaScript 中，属性可以通过 DOM 对象来修改。

语法

以下是设置图像高度的语法：

object.style.height = heightvalue

示例

以下实例演示如何使用 DOM 设置图像高度：

document.getElementById("myImg").style.height = "200px";

HTML 属性

在 HTML 中，可以使用 height 属性来设置图像高度。

语法

以下是设置图像高度的语法：

<img src="url" alt="alternatetext" height="heightvalue">

示例

以下实例演示如何在 HTML 中使用 height 属性设置图像高度：

<img src="example.jpg" alt="example image" height="200">

注意事项

• 传递给 height 属性的值可以是带单位的数字（如像素或百分比）或 auto。
• 如果同时设置了 height 和 width 属性，则图像将按比例缩放以适应所提供的空间。
• 如果只设置其中一个属性，则浏览器将根据该值自动计算另一个属性的值，以保持图像的原始方面比。

以上是有关 HTML | DOM 输入图像高度属性的介绍。在编写 HTML 代码时，您可以使用属性设置图像的高度。在 JavaScript 中，可以使用 DOM 来动态地修改图像的高度。