javascript - 通过将 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 而不是正文时，我得到了正确的宽度值，谢谢

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