javascript - 在html标签内调用Javascript变量

我的Javascript如下所示：

if (choice=="green") {
    var choicecolor="#00"+num+"00"
}
...

我需要在html标签中访问变量“ choicecolor”。这是我失败的尝试：

<div id="box" style="background-color: "choicecolor>...</div>

如何正确将变量放入标签中？

最佳答案

使用DOM API进行设置。确保该元素首先存在。

document.getElementById('box').style.backgroundColor = choicecolor;

或者，您可以使用模板引擎，但这更成问题。