如何获取内部超文本标记语言内容高度

提问者：小点点

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

<div>Content</div>

如果div字体大小增加了，或者父div中嵌套了许多div，如何获取父div的高度？

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

共3个答案

匿名用户

在父元素的高度为0的情况下，接受的答案是不正确的，并且您需要其中内容的高度（这是我认为OP所要求的）。在这种情况下，scrollHeight是所需的属性。

const divInnerContentHeight = document.querySelector('div').scrollHeight;

使用clientHeight或offsetHeight将返回0；

匿名用户

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

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

这将不包括元素中的任何边框或滚动条，只是填充。如果您想包括边框和滚动条，您可以使用offsetHeight来代替。

匿名用户

使用clientHeight和getElementsByTagName div获取特定div高度

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

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