Question

您好我已经编写了这个代码来获取3个参数并分配给variable.now我想将我通过参数附加到div fontdiv的文本怎么做？

这是我试过的......

function getTextWidth(text, fontname, fontsize) {
    var elem = '<div id="fontdiv" style="position: absolute;visibility: visible;height: auto;"></div>';
    $('body').append($(elem));
    var fontdiv = document.getElementById('fontdiv');
    fontdiv.style.fontSize = fontsize;
    fontdiv.style.fontFamily = fontname;
    $("#fontdiv").html($('text').val());
    return fontdiv.clientWidth;
};

Answer 1

如果您的text参数已有文字

$("#fontdiv").append(text);    // append text into fontdiv

Answer 2

替换

$('body').append($(elem));

与

$('body').append(elem);

Answer 3

使用

function getTextWidth(text, fontname, fontsize) {
    var elem = '<div id="fontdiv" style="position: absolute;visibility: visible;height: auto;"></div>';
    var el = $(elem).append(text);
    $('body').append(el);
    var fontdiv = document.getElementById('fontdiv');
    fontdiv.style.fontSize = fontsize;
    fontdiv.style.fontFamily = fontname;
    $("#fontdiv").html($('text').val());
    return fontdiv.clientWidth;
};

另一种方式可能是

function getTextWidth(text, fontname, fontsize) {
    var el = $('<div>', {
        id: 'fontdiv'
    }).css({
        position: 'absolute',
        visibility: 'visible',
        height: 'auto',
        fontSize: fontsize,
        fontFamily: fontname
    }).append(text).appendTo('body');
    return el.get(0).clientWidth;
};

Answer 4

如果已经设置了文本的值（似乎是），请使用：

$("#fontdiv").append(text);

它应该有用。

如何将文本附加到div

4 个答案: