実現したいこと
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 コメント