エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
display: none;のとき要素のサイズが取得できない
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
display: none;のとき要素のサイズが取得できない
display: none;で要素を非表示にした状態のとき、その要素のサイズが取得できない場合があります。 タブ... display: none;で要素を非表示にした状態のとき、その要素のサイズが取得できない場合があります。 タブやプルダウンなど、display: none;で非表示にすることは多いので、うまくサイズを取得する方法がないか試してみました。 対応しない場合 まずは特に対応していない場合に取得できるかを試してみます。 HTML <div id="sample"> <img src="http://placehold.it/300x100" width="300" height="100" id="sampleImg"> </div> CSS #sample { display: none; width: 300px; height: 200px; } JavaScript var sample = document.getElementById('sample'); console.log('