-1

たとえば、以下のコードのように、HTML を含む Javascript 変数で変数を使用する方法を考えていました。

function SetCFonts()
{
    var Color = $('#CColor').val();
    var Font = $('#CFont').val();
    var Size = $('#CSize').val();
    var Bold = $('#CBoldOp').val();
    var Text = $('#NMsg').val();
    var Gen = "<font style=font-weight:+Bold color:+Color font-size:+Size font-family:+Font>Your Text Here</font>";

    alert(Gen);
}
4

4 に答える 4

1

文字列を連結する必要があります。

var Gen = "<font style=font-weight:" +Bold + " color:" +Color + " font-size:"+Size + " font-family:" +Font+ ">Your Text Here</font>";
于 2013-02-01T02:48:37.543 に答える
1

.css()そこから要素を作成し、その上で jQuery のメソッドを呼び出す必要があります。

function SetCFonts ()
{
    var Gen = $('<font />').css({
        'color'         : $('#CColor').val(),
        'font-family'   : $('#CFont').val(),
        'font-size'     : $('#CSize').val(),
        'font-weight'   : $('#CBoldOp').val()
    }).text( $('#NMsg').val() );

    console.log( Gen );
}
于 2013-02-01T02:54:12.767 に答える
0

欠けているのは連結です。逆コンマを閉じて再度開く必要があります。

function SetCFonts()
{
    var Color = $('#CColor').val();
    var Font = $('#CFont').val();
    var Size = $('#CSize').val();
    var Bold = $('#CBoldOp').val();
    var Text = $('#NMsg').val();
    var Gen = "<font style=font-weight:" + Bold + "; color:" + Color + "; font-size: " + Size + "; font-family: "+ Font +" >Your Text Here</font>";

    alert(Gen);
}
于 2013-02-01T03:00:18.873 に答える
0

John Koerner answer のように + 演算子を使用します。または、concat演算子を使用することもできます。

var Gen = "<font style=font-weight:".concat(Bold).concat("color:").concat(Color).concat("font-size:").concat(Size).concat("font-family:").concat(Font).concat(">").concat(Text).concat("</font>");

詳細 : Javascript で文字列を連結する複数の方法

于 2013-02-01T02:56:50.313 に答える