JavaScript：display: none;になっている要素のサイズ（横幅と高さ）を取得する

display: none;になっている要素のサイズはelement.getBoundingClientRect()では取得できません。
visibility: hidden;であれば取得できるので、JavaScriptで一時的に属性を書き換え、要素のサイズを取得します。

こちらのツイートで知った方法を切り出して関数化しています（感謝🙏）。
https://twitter.com/tsuDoi220/status/1349183969594511366?s=20