HTML DOM 图片高度属性

HTML DOM（Document Object Model，文档对象模型）允许程序员使用 JavaScript 和 jQuery 来访问和操作 HTML 文档中的元素和属性。在 HTML DOM 中，图片元素也是一种元素，它拥有自己的属性和方法，包括图片高度属性。

图片高度属性

图片高度属性 height 指定了图片在网页中显示时的高度。一般来说，height 属性以像素为单位指定。例如：

<img src="mypicture.jpg" alt="My Picture" height="200">

这个例子中的图片元素指定了 src 属性为 mypicture.jpg，alt 属性为 My Picture，height 属性为 200。这意味着，这个图片在网页中显示时高度为 200 像素。

设置图片高度属性

可以使用 JavaScript 或 jQuery 来设置图片高度属性。

使用 JavaScript

// 获取图片元素
var image = document.getElementById("myImage");

// 设置图片高度属性
image.height = "200";

这个例子中，我们先使用 getElementById 方法获取 ID 为 myImage 的图片元素。然后，我们通过访问图片元素的 height 属性来设置图片高度为 200。

使用 jQuery

// 设置图片高度属性
$("#myImage").height(200);

这个例子中，我们使用 jQuery 的 $ 函数获取 ID 为 myImage 的图片元素。然后，我们使用 .height 函数来设置图片高度为 200。

获取图片高度属性

可以使用 JavaScript 或 jQuery 来获取图片高度属性。

使用 JavaScript

// 获取图片元素
var image = document.getElementById("myImage");

// 获取图片高度属性
var height = image.height;

这个例子中，我们先使用 getElementById 方法获取 ID 为 myImage 的图片元素。然后，我们通过访问图片元素的 height 属性来获取图片高度。

使用 jQuery

// 获取图片高度属性
var height = $("#myImage").height();

这个例子中，我们使用 jQuery 的 $ 函数获取 ID 为 myImage 的图片元素。然后，我们使用 .height 函数来获取图片高度。