如何以像素为单位测量表格行高度

Question

使用Javascript，如何以实际像素获取表格行高？在这个例子中，我想从绿色边框顶部到下一个绿色边框的顶部进行测量。

使用jQuery .height（），outerHeight（）,. offsetHeight和.clientHeight不会返回正确的答案（它是44px）。 （见http://jsfiddle.net/kaG7g/8/）

HTML

<table>
    <tr><td>this a table</td></tr>
    <tr><td>this is a contents</td></tr>
    <tr id="tableElement"><td>of element</td></tr>
</table>

CSS

td {
    height:20px;
    border-top:10px solid green;
    border-bottom:10px solid yellow;
}

Answer 1

试试这个，

Demo

console.log( $('td').css('border-top').split('p')[0] );
console.log( $('td').css('border-bottom').split('p')[0] );
console.log( $('td').height() );

Answer 2

使用This

var height = $('#table').height();    

Answer 3

您可以使用以下代码..

$("#table tr").height()