如何以像素爲單位測量表格行高度

使用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; 
}

'20像素（高）+ 10px的+ 10px的（境）+ 2px的2px的+（保證金）' –

如何使用JavaScript來做到這一點？ – user3282734

將框模型更改爲邊框？ – bjb568

使用This

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

2014-02-07 07:25:25 Sandy

這將是整個＃表 – user3282734

使用此並減去邊框大小。 – Sandy

如何從綠色邊框頂部到下一個綠色邊框頂部進行測量？使用javascript – user3282734

你可以用下面的代碼..

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

2014-02-07 07:46:44 social

即42px。答案應該是44px。 – user3282734

試試這個，

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

2014-02-07 08:32:51 dhana

前兩個值是空字符串 – user3282734

回答