新しく作成されたDOMオブジェクトの正確な寸法の取得

Question

DOMエレメントを動的に作成しています（具体的には、jQueryを使用して、css "width：auto"のテキストを含むDIVを作成し、 "font-face"フォント、ページのOnLoadイベント）、divの幅が予期されたサイズ（具体的には幅が間違っている）でないことがわかりますすぐに私はそれを作成してDOMツリーに追加します。要素の幅/高さを知る必要があります。なぜなら、動的レイアウトをいくつか実行しているからです。すべての作品は、この余分なタイムアウトと私のレイアウトの完成を遅らせることにより

のSetTimeout（complete_layout、100）

：回避策として

は、私が要素を作成した後、次のコードを使用します（Ubuntu Linuxの最新のChromeで）

しかし、このklugeyタイマーの遅延は私の感性を害し、明らかに危険です...正確に強制する方法はありますか特定のコマンドで次元の計算？または、新しい動的要素が作成された後、DOM要素が正しくサイズ変更された後にのみ起動できるイベントが登録できますか？ （私は画像がロードされた後にイメージの適切な寸法を把握できるIMG onloadイベントのようなものを描いています）

tl; dr：新しく作成されたDOMオブジェクトは正確になりますか？

ありがとうございました！

Answer 1

どのように幅を取​​得しようとしていますか？ .css（ "width"）、または.width（）、

.css（ "width"）と同じように.width（）を使用する必要があります。 ）

$("#foo").width(); 

それもすぐに付加した後の幅を与える必要があります。

Answer 2

新しいdivを追加する要素の幅を取得することで、幅を取得できます。新しいdivの幅はautoに設定されているので、同じdivにする必要があります。

これは高さに対しては機能しません。