JavaScript

[JavaScript] 要素のwidth、heightを取得する

投稿日:2017年6月2日 更新日:

要素のwidth、heightを取得するサンプルです。

サンプルソース

例)ボタンをクリックするとid="dv1"要素のwidth、heightを表示する

(結果)
width:150 height:80

解説

  • 幅は、style.widthで取得できます。
  • 高さは、style.heightで取得できます。
  • この取得方法は、width、heightを明示的に指定している場合のみ取得できます。
  • サイズを明示的にしていしていない場合でサイズを取得したい場合は次のページをご覧ください。 → [JavaScript] 要素のサイズを取得する

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] Numberの定数

Numberに定義されている定数の一覧です。 Numberの定数 定数メモ Number.NaNNaN値(NaN) Nu ...

[JavaScript] 指定したCSSクラス名の全ての背景色を変更する

指定したCSSクラス名が定義された要素全ての背景色を変更するサンプルです。 ソースを一部書き換えれば、背景色以外の変更に ...

[JavaScript] 横位置を指定する(style.textAlign)

JavaScriptで横位置を指定するには、style.textAlignを使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] ステータスバーにメッセージを表示する

ステータスバーにメッセージを表示するサンプルです。 サンプルソース 例)ステータスバーに「メッセージです。」と表示する ...

[JavaScript] JavaScriptファイルを非同期で読み込む(async/defer)

JavaScriptファイルを非同期で読み込むには、async/deferキーワードを使用します。 サンプル 例1)同期 ...

スポンサーリンク