js 获取 相同类名 高度
时间: 2023-09-10 20:01:56 浏览: 132
使用jquery中height()方法获取各种高度大全
当需要获取相同类名元素的高度时,可以使用JavaScript中的querySelectorAll函数来选择所有指定的类名元素,然后遍历这些元素,分别获取它们的高度。以下是使用JavaScript实现的代码示例:
```javascript
// 获取类名为"example-class"的所有元素
var elements = document.querySelectorAll('.example-class');
// 定义一个数组来保存所有元素的高度
var heights = [];
// 遍历所有元素,获取它们的高度并添加到数组中
for (var i = 0; i < elements.length; i++) {
var elementHeight = elements[i].offsetHeight; // 获取元素的高度
heights.push(elementHeight); // 将高度添加到数组中
}
// 打印所有元素的高度
console.log(heights);
```
在上面的代码中,首先使用querySelectorAll函数选择所有类名为"example-class"的元素。然后使用一个循环遍历所有选中的元素,通过offsetHeight属性获取每个元素的高度,并将这个高度添加到一个数组中。最后,使用console.log函数打印出所有元素的高度。
阅读全文