Jquery - 得到＆＃34;定义＆＃34;元素的高度

Question

在代码中，元素（tr）有一个内联样式标记，它定义了31px的高度。 但渲染后，由于内容的原因，tr的高度扩展到32px。

我试图通过Jquery读取31px的高度，但是使用这些 methods我只得到32px的计算高度。

我的问题是：我是否必须从那里读取style属性并从中提取高度，或者是否有其他方法使用Jquery（或本机javascript）获取此值。

Answer 1

你可以使用.height

trHeight = document.getElementById("myTr").style.height;

Answer 2

您可以将该高度值存储在变量中，并在任何地方使用

示例： -

var height = $('tr').css('height'); //This will return the original value

Answer 3

.css(prop)是jQuery中的方法，它表现为css样式的getter：

$('pre').append('.css("height")===='+$('button').css('height') +'<<<<<<:::::>>>>>.height()====='+$('button').height());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>
<button style='height:80px;'>Test</button>

以上您可以看到.css('height')返回实际的高度设置，但.height()有不同的计算。