用普通JavaScript获取div高度

Question

用普通JavaScript获取div高度对于如何在不使用jQuery的情况下获得div的高度，有什么想法吗？我在堆栈溢出中搜索这个问题，似乎每个答案都指向jQuery的.height().我试过myDiv.style.height，但它什么也没回，即使我的div有width和height设置为CSS。

Answer 1

var clientHeight = document.getElementById('myDiv').clientHeight;

或

var offsetHeight = document.getElementById('myDiv').offsetHeight;

clientHeight包括填充物。

offsetHeight包括填充，滚动条和边框。

Answer 2

jsFiddle

var element = document.getElementById('element');alert(element.offsetHeight);

Answer 3

另一个选项是使用getLimingClientRect函数。请注意，如果元素的显示为“None”，getLimingClientRect将返回一个空的rect。

例子：

var elem = document.getElementById("myDiv");if(elem) {
   var rect = elem.getBoundingClientRect();
   console.log(rect.height);  }