在html标记内调用Javascript变量

Question

我的Javascript就是这样的：

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

我需要访问变量＆＃39; choicecolor＆＃39;在html标签内。这是我失败的尝试：

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

如何正确地将变量放在标签内？

Answer 1

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

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

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