javascript - document.getElementsByClassName 不起作用

Question

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

虽然它仅使用 document.getElementsByClassName(element) 正确地将元素打印到控制台，但我无法访问 offsetHeight 属性，即使使用 document.getElementsByClassName(element)[ 0].offsetHeight

我必须运行一个循环吗？

Answer 1

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

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

如果您想要所有匹配元素的最大或最小 offsetHeight，您需要迭代集合。