How can use a variable of Javascript in the “style” of tag?

Question

i need create this function to improve my code. I need give to the a color given by the caller of the function, how can i do this?

Here the code:

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

You can use template literals which is a feature of ES2015. It enables you to inject variables into a string.

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

NOTE : This feature is not compatible with all browsers.