offsetWidthで要素の横幅を取得しようとしたが、親要素の横幅が取得できてしまう

実現したいこと

DOMから取得した要素や、createElementで作成したような、まだDOMに追加していない要素の横幅を取得したい。

試したこと

横幅を取得したい要素を複製し、一度画面外に配置して横幅を取得しようとした。

typescript

1 const clone = element.cloneNode(true) as HTMLDivElement;2 clone.className = "test";3 clone.style.fontSize = `28px`;4 clone.style.top = "10000px";5 parent.append(clone);6 console.dir(clone);7 console.log("親width:", parent.offsetWidth);8 console.log("子width:", clone.offsetWidth);

発生している問題・エラーメッセージ

console.dirで複製した要素のデータを見ると、正常な横幅の値(73)を確認できたのですが、offsetWidthで横幅を取得しようとすると親要素の横幅になってしまいます。
いろいろ解決策を探したのですが正直原因が全く分かりません。
よろしくお願いします。
イメージ説明
イメージ説明

コメントを投稿

0 コメント