获取不同元素的高度，并添加不同的类

可以通过以下步骤实现：

使用JavaScript或jQuery等前端开发工具获取元素的高度。可以使用offsetHeight属性获取元素的高度，或者使用height()方法获取元素的高度（如果使用jQuery）。
根据获取到的高度值，编写逻辑来判断元素的高度范围，并添加相应的类。例如，可以使用条件语句（如if-else语句）来判断高度是否满足某个条件，然后使用addClass()方法添加相应的类。
在添加类之前，确保已经引入了相关的CSS文件，以便样式能够正确应用。
重复上述步骤，以获取并添加其他元素的高度和类。

以下是一个示例代码，用于获取元素的高度并添加类：

// 获取元素的高度
var element = document.getElementById("myElement");
var height = element.offsetHeight;

// 添加类
if (height < 200) {
  element.classList.add("small-height");
} else if (height >= 200 && height < 400) {
  element.classList.add("medium-height");
} else {
  element.classList.add("large-height");
}

在上述示例中，我们首先获取了一个id为"myElement"的元素的高度，并将其存储在变量height中。然后，根据不同的高度范围，使用classList.add()方法向元素添加不同的类。例如，如果高度小于200像素，将添加名为"small-height"的类。

请注意，上述示例仅为演示目的，实际应用中可能需要根据具体需求进行适当修改。此外，还需要确保在HTML中正确引入相关的CSS文件，并定义相应的类样式。