jQuery获得一个元素的渲染高度?

如何获得元素的渲染高度?

假设你有一个<div>元素，里面有一些内容。里面的内容将扩展<div>的高度。当你没有显式地设置高度时，你如何获得“渲染”的高度。显然，我尝试过:

var h = document.getElementById('someDiv').style.height;

这样做有什么诀窍吗?如果有帮助的话，我正在使用jQuery。

当前回答

你在css中设置高度了吗?如果你没有，你需要使用offsetHeight;而不是身高

var h = document.getElementById('someDiv').style.offsetHeight;

2009-02-08 20:52:43

其他回答

我用它来获取一个元素的高度(返回浮点数):

document.getElementById('someDiv').getBoundingClientRect().height

当您使用虚拟DOM时，它也可以工作。我在Vue中这样使用它:

this.$refs['some-ref'].getBoundingClientRect().height

对于Vue组件:

this.$refs['some-ref'].$el.getBoundingClientRect().height

2018-09-12 11:58:10

试一试:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight包括高度和垂直填充。

offsetHeight包括高度、垂直填充和垂直边框。

scrollHeight包括所包含文档的高度(在滚动的情况下会大于高度)、垂直填充和垂直边框。

2009-02-08 20:51:45

document.querySelector('.project_list_div').offsetHeight;

2018-08-20 10:00:28

我做了一个简单的代码，甚至不需要JQuery，可能会帮助一些人。它在加载后得到ID1的总高度并在ID2上使用它

function anyName(){
    var varname=document.getElementById('ID1').offsetHeight;
    document.getElementById('ID2').style.height=varname+'px';
}

然后设置主体来加载它

<body onload='anyName()'>

2012-07-31 13:55:18

如果你已经在使用jQuery，你最好的选择是. outerheight()或.height()，如上所述。

没有jQuery，你可以检查使用的box-sizing和添加各种填充+边框+ clientHeight，或者你可以使用getComputedStyle:

罗马，档案。

H现在是一个字符串，比如" 538.25 px"。

我找不到引用，但我听说getComputedStyle()很昂贵，所以它可能不是你想在每个窗口调用的东西。onscroll事件(但是，也不是jQuery的height())。

2014-03-25 16:24:56

jQuery获得一个元素的渲染高度?

推荐文章

最新文章

标签