通过将span添加到body来查找宽度

Question

我在jquery和javascript工作。这是我的问题。 我想找到一个字符串的像素长度。 所以做的是

    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而不是body时，我也得到正确的宽度值 感谢

Answer 1

变量名是文本，而不是'abc'。的 DEMO

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();