用普通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

jsFiddlevar 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);  }