javascript - テキストが変更された要素のouterWidthを取得する

Question

私は次の要素を持っています。

var e=$('<span/>', {"class":'someClass',text:'Hello'});

その外側の幅を取得したい。e.outerWidth()最初に画面に書き込む必要があるため、そのままでは使用できないようです。正しい？

では、本当の質問です。テキスト「こんにちは」を使用する代わりに、テキストが「さようなら」だった場合の外側の幅を知りたいのですが、これはどのように達成されますか?

ありがとうございました

Answer 1

要素をドキュメントに追加できますが、ビューポートの外に追加できますleft: -10000px。その後outerWidth()、動作します。

これを試して：

var e = $('<span/>', {"class":'someClass',text:'Hello'}).css({
    'position': 'absolute',
    'left': '-10000px'
}).appendTo('body');
var outerWidth = e.outerWidth();
e.remove(); // remove the element from the DOM once we've got it's width

フィドルの例