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

注意：此功能与所有浏览器都不兼容。