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
プログラマー
2017年11月から業務でPHPを触りだしたエンジニアです。 業務経験8年程度。 2022年から「要求整理→設計→実装→テスト→リリース」と開発のステップをきちんと経験したく、 様々な会社を経験しました。 現職が自社案件枯渇、本社エリア以外のSES案件の繋がりがなしと急に発覚し、急遽強制的に転職活動中。 現職をやめるつもりはなかったし、転職は本当に最後にしたいのでもしよければお声がけください。 【GitHub コードサンプル】 https://github.com/tm-qc - Docker、MVC、CRUD、認証、テストなどのサンプルコード(Laravel、ASP.NET CORE) - 経験PJ詳細まとめ