如何在標簽的“樣式”中使用Javascript變量？

Question

我需要創建此函數來改進我的代碼。 我需要給函數調用者指定的顏色，我該怎么做？

這里的代碼：

function visualizza(array, div, color)
{
    div.html("");
    div.append("<p>");

    array.forEach(function (e)
    {
        div.append
        (
            "<span style='color: (here i need the variable)'>" + e.nominativo + "   Tel: "+e.cellulare+"</span><br>"
        )
    });

    div.append("</p>");
}

Answer 1

像其他js變量一樣使用串聯

"<span style='color: "+color+"'>" + e.nominativo + "   Tel: "+e.cellulare+"</span><br>"

Answer 2

您可以使用template literals ，這是ES2015的功能。 它使您能夠將變量注入字符串中。

`<span style='color: ${yourColor}'>${e.nominativo} Tel: ${e.cellulare}</span><br>`

注意 ：此功能並非與所有瀏覽器兼容。