Insecure -Project IE-

Javascript でオブジェクトの高さを取得する

Javascript でオブジェクトの高さをピクセルで取得することができます。これはオブジェクトに対し、CSS などで高さを指定していなくても取得が可能です。

サンプル

この文章は編集できます

ソース

<p id="para" contentEditable="true">この文章は編集できます</p>
<input type="button" onclick="btn()" value="ここを押すとメッセージが出ます" />
<script type="text/javascript">
function btn() {
　　var para = document.getElementById("para");
　　alert("『" + para.firstChild.nodeValue + "』という文字列を含んでいる P タグの高さは" + para.clientHeight + "ピクセルです。");
}
</script>