獲取DIV的實際大小，包括溢出（超出父級邊界的元素）

Question

考慮以下示例：

 var elem = document.getElementById("elem"); alert(elem.offsetHeight + " " + elem.getBoundingClientRect().height); 

 <div id="elem" style="position:relative; width: 100px; height: 100px; border: 1px solid black; box-sizing: border-box"> <div style="position: absolute; bottom: -15px;">Test</div> </div> 

如您所見，我的div實際高度為100px（按其樣式）加上其子項的超出部分（溢出）。 但是， offsetHeight和getBoundingClientRect().height都將返回100px，因此不考慮溢出部分。 我期望115px左右。

那么，如何考慮到所有DIV子級的實際大小呢？ 可能請不要使用jQuery。

編輯：關於可能的重復CSS / JavaScript-如何獲取元素的渲染高度？ ，這不是我想要的。

Answer 1

elem.scrollHeight

https://jsfiddle.net/LLfeh8nk/

alert(elem.scrollHeight + " " + elem.getBoundingClientRect().height);