jQuery

[jQuery] 要素の横幅と高さを取得する

投稿日:2017年10月1日 更新日:

要素の横幅と高さを取得するには、outerWidth/outerHeightinnerWidth/innerHeightを使用します。

サンプルソース

例)hogeをクリックすると要素のサイズを表示する

結果例

150x100のDIVで、枠線の太さが10pxです。

hoge
(結果)
160x110、150x100

1つ目の値はouter値、2つ目の値はinner値です。

解説

  • outerWidth、outerHeightはborderサイズを含むサイズを返します。
  • innerWidth、innerHeightはborderサイズを含まないサイズを返します。
  • outerWidthとouterHeightは引数にtrueを渡すと、marginを含んだ値が返ります。
    例)outerWidth(true);

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:



comment

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

スポンサーリンク