javascript - 本文にスパンを追加して幅を見つける

Question

私はjqueryとjavascriptで作業しています.Hereは私の問題です. 文字列のピクセル長を見つけたいと思っています。だから何をしたかというと

    var text = 'abc';
    $('body').append('<span id="string_span" style="font-weight: bold; font-size: 0.7em">' + text
 + '</span>');
    console.log("width of text is " + $('#string_span').width());
    $('#string_span').remove();

しかし、問題は、テキストの長さが何であれ、常に49を返すことです.誰かが私が間違っている場所を教えてくれますか?

また、ボディの代わりに他のdivにスパンを追加すると、正しい幅の値が得られます

Answer 1

変数名は「abc」ではなくテキストです。デモ

var text = 'absadfc';
$('body').append('<span id="string_span" style="font-weight: bold; font-size: 0.7em">' + text + '</span>');
    console.log("width of text is " + $('#string_span').width());
$('#string_span').remove();