如何將文本追加到div的

Question

嗨，我寫了這個代碼，以3個參數，並分配給variable.now我想我得到throughparameter到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

如果文本的值設置已經（和它似乎是），用途：

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

，它應該工作。

Answer 2

更換

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

與

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

Answer 3

如果您text PARAM已經有文本

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

Answer 4

使用

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; 
};