如何在标签的“样式”中使用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>`

注意 ：此功能并非与所有浏览器兼容。