javascript - document.getElementsByClassName不起作用

function getHeight(element) {
    console.log(element);
    var offsetHeight = document.getElementsByClassName(element).offsetHeight;
    console.log(offsetHeight);
}
getHeight("card-1");

尽管仅使用document.getElementsByClassName(element)即可将元素正确打印到控制台，但是即使使用document.getElementsByClassName(element)[0].offsetHeight也无法获取offsetHeight属性。

我需要运行循环吗？

最佳答案

document.getElementsByClassName(element)返回元素的HTMLCollection。集合没有offsetHeight属性，集合中的每个元素都有。

现在，如果要获取第一个匹配元素的offsetHeight，则只需使用
document.getElementsByClassName(element)[0].offsetHeight

如果需要所有匹配元素的最大或最小offsetHeight，则需要遍历集合。