javascript - 如何在没有jQuery的情况下获得实际高度

Question

var test = document.getElementById('test');
console.log(test.offsetHeight);

<div style="height: 30px;" id="test">
  <p>ffffffffff</p>
  <p>gggggggggg</p>
  <p>aaaaaaaaaa</p>
  <p>dddddddddd</p>
</div>

可以看到， testdiv中的内容 overflow，并且超过了 30px:那么如何获取准确的高度呢？

Answer 1

var test = document.getElementById('test');
alert(test.scrollHeight);

<div style="height: 30px;" id="test">
  <p>ffffffffff</p>
  <p>gggggggggg</p>
  <p>aaaaaaaaaa</p>
  <p>dddddddddd</p>
</div>

试试 scrollHeight