Content height of div with overflow:auto

Question

如何使用javascript找出div内具有设置高度和overflow：auto的内容的高度？

Answer 1

You can just wrap the content inside another div and then you can use .offsetHeight on this internal div...

<!DOCTYPE HTML>
<html>
  <body>
    <div style="background-color:#EEEEEE; height:400px; overflow:auto; width:100%">
      <div id="container">
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
        ... snip ...
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
      </div>
    </div>
    <script>

setTimeout(function() {
    var container = document.getElementById("container");
    alert("Container height = " + container.offsetHeight);
}, 1000);

    </script>
  </body>
</html>

Content height of div with overflow:auto

Question

1 answers

solution1
1 2011-08-08 19:37:23

Content height of div with overflow:auto

Question

1 answers

solution1 1 2011-08-08 19:37:23

solution1
1 2011-08-08 19:37:23