[JavaScript]offsetWidthについて

どうやらdisplay:noneのときは、offsetWidthが取得できないようだ。

//JavaScript
console.log($('select[name="hoge"]').get(0).offsetWidth)

で、HTMLが下のような場合は上のscriptは0を返します。

<select name="hoge" style="width:100px;height:100px;display:none;">
  <option value="foo1">bar1</option>
  <option value="foo2">bar2</option>
  <option value="foo3">bar3</option>
</select>

逆に下のようにdisplay:none;がない場合は、取得することができる。

<select name="hoge" style="width:100px;height:100px;">
  <option value="foo1">bar1</option>
  <option value="foo2">bar2</option>
  <option value="foo3">bar3</option>
</select>

ちょっと気をつけたいですね。