JavaScript

データ取得

要素のサイズ取得

更新日:2024-07-24

◆要素の高さ・幅を取得

ターゲットに指定した要素の高さと幅を取得します。

offsetHeight、offsetWidth

「border」「padding」「スクロールバー」を含む値を取得すます。
「margin」は含みません。

ElementTarget.offsetHeight

ElementTarget.offsetWidth

clientHeight、clientWidth

「padding」を含む値を取得すます。
「border」「スクロールバー」「margin」は含みません。

ElementTarget.clientHeight

ElementTarget.clientWidth

動作例 - Sample

マージンエリア

ボーダーエリア

パディングエリア

コンテンツ

この範囲
この範囲