Как измерить высоту строки таблицы в пикселях

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

Использование This

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

Answer 2

вы можете использовать следующий код ..

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

Answer 3

Попробуйте это,

Demo

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