javascript - 无法计算类(class)高度

Question

我一直在我的网络上使用类，现在我想计算一个类的高度。它是一个独特的类(除了一个之外没有在任何地方使用)。我在 Javascript 中尝试了 offsetHeight 和 height 但无法找到任何输出。假设这是我的代码。

<div class="example">some text some text some text some text some text".</div>
<button onclick="myFunction()">Try it</button>

这是Javascript

<script>
function myFunction() {
document.getElementsByClassName("example").offsetHeight="300px";
}
</script>

错误:
我在页面或控制台中的任何地方都没有得到任何输出/错误。希望你们能帮助我，我只想要 Javascript 中的解决方案，而不是 jQuery 或任何其他库中的解决方案。任何帮助将不胜感激。

Answer 1

getElementsByClassName 返回 HTMLCollection，因此您需要从该集合中获取第一个元素

function myFunction() {
  var element = document.getElementsByClassName("example")[0];

  // get height
  var height = element.offsetHeight;
  console.log(height);

  // set height
  element.style.height = '100px';
}

<div class="example">some text some text some text some text some text".</div>
<button onclick="myFunction()">Try it</button>