javascriptでstyleのheightが取得できなかった

10分ほどはまったので、メモ

javascriptで、スタイルの高さが取得できませんでした。ポカですが、ブラウザ間で動作が違ったので、恥さらしのついでにメモ。

<div id="box1" style="width:240px; height:180px; font-size:12px; " >
</div>

<div id="box2" style="width:240; height:180; font-size:12; " >
</div>

<script type="text/javascript">

function check(boxElem){
var w = boxElem.style.width;
var h = boxElem.style.height;
var f = boxElem.style.fontSize;
alert('id : '+boxElem.id+'   width : '+w+"   height : "+h+"   font-size : "+f);
}

check(document.getElementById('box1'));
check(document.getElementById('box2'));

</script>

ちゃんとpxと入っていないと、取得してくれない様子。ためしに font-size も試してみたけど、同様でした。他の指定(ptとか)は試してみていないんで不明。恐らく一緒でしょう。

ちなみに、Firefox2.0とwin版safari3.1では取得できず、IE6.0では取得できました。