JavaScript %で指定したオブジェクトの高さをpxとして出力する事は不可能でしょうか

Question

前提・実現したいこと

タイトルの通りです
heightを%で設定した場合に配置されてるheightをpx単位で取得したいです
不可能でしょうか？

該当のソースコード

<style>
body,html{
height:100%;
margin:0;
}
</style>

<div style="height:100%">
<input type="text" id="t" style="height:18%">
<input type="button" value="px" onclick="alert(t.style.height)"><!-- 18%が返るがこれをpxとして取得したい -->
</div>

Answer 1

clientHeightやoffsetHeightなど、取りたい長さ（マージン・ボーダー・パディングなどを含むか含まないか）によって各種の手法があります。

Answer 2

t.clientHeightで取得できます。