如何获取内部HTML内容高度

Question

我想通过JavaScript获取内部html高度。假设我有

<div>Content</div> 

或者如果格字体大小增加或嵌套在父里面很多的div，如何获取父div的高度？

编辑：即使嵌套的div也有边框和填充。

Answer 1

如果一定要在香草JS ...

var height = document.getElementById('content').clientHeight; 

，其中将包括在元素的任何边框或滚动条。如果您只想使用内部HTML（不包括填充），则可以使用offsetHeight代替。

Answer 2

是这样的？

<div id="MyDiv">Content</div> 

console.log(document.getElementById("MyDiv").offsetHeight); 

Answer 3

使用clientHeight的getElementsByTagName和div来获得spcific DIV高度

document.getElementsByTagName('div')[0].clientHeight 

http://codepen.io/nagasai/pen/XKoxZw

Answer 4

包括在你的高度计算的填充和边框：

的document.getElementById（ 'myDiv'） .offsetHeight;