MinEMemO

【JavaScript】IE11で要素の幅を取得しても結果が0になり取得できない

📝 更新日：2021-02-08 / 📄 作成日：2021-02-08
Hero Image
目次
  1. はじめに
  2. 解決方法

はじめに

仕事でIE11のレイアウト調整をしていたときに、clientWidthやoffsetWidthで要素の幅を取得しようとしても結果が 0 になり取得できずに困ったので、記事に残しておきます😃

(clientHeightやoffsetHeightは反映していたのになんでwidthは0だったのか…)

しらべてもなかなか出てこなかったの参考になればうれしいです😃

Element.clientWidth

HTMLElement.offsetWidth

解決方法

Element.scrollWidthを使い取得する

Element.scrollWidth

IE11でブラウザの幅を取る方法とか、offset、clientWidthのことはすぐ出てくるのですが、scrollWidthのことがなかなか出てこなかったので、参考になれば幸いです
自分はIEのデバッガーでなんとか見つけ出しました😅
profile_icon
taka
プログラマー
いつでも転職希望の業務経験7年目(2023時点)のエンジニアです。 仕事の合間にすこしずつ転職活動はしていますが、条件が合う場合ぜひTwitterなどでご連絡頂けると嬉しいです。 希望条件は基本的に残業は1日x1h程度。収入は一旦現状維持。 ある程度で構わないので、保守運用が管理されていて、精神的に安心して働ける環境が良いです。 経験言語はHTML、CSS、javascript、PHP、MySQL、Docker、Vuejs、Laravel このブログは完全に自作で静的ジェネレータで作りました。 この範囲で言えば React.js Gatsby.js GraphQLも経験があります。 最近はAIがどう社会に受け入れられ、日常になっていくのかの行く末が気になっています。 今までの人生で一番変化を感じて不思議な感覚です。