JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

JavaScript の基本 ~ 要素内の高さ(ピクセル)を取得したい ~

f:id:vw-dsg:20200601063255p:plain

要素内の高さ(ピクセル)を取得したい

要素内の高さ(ピクセル)を取得するには「clientHeight」プロパティを使用します。

例)get_takasa = element.clientHeight;     // 要素内の高さ(ピクセル)を取得

サンプルソース

下のサンプルでは「takasa」という id が付けられた要素内の高さ取得した後、アラートで表示します。

var get_takasa;                                                             // 取得した高さを格納する変数を用意
var element = document.getElementById("takasa");   // 'takasa' という id を持つ要素を取得
get_takasa = element.clientHeight;                               // 要素内の高さを取得し変数に格納
alert(get_takasa + "ピクセル");                                     // アラートで表示

実行結果

※このページの読み込みが完了してから試してください。

END