如何將文本追加到div

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

如果已經設置了text的值（似乎已經設置），請使用：

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

它應該工作。