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

Question

我的 Javascript 是这样的:

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

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

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

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

Answer 1

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

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

或者您可以使用模板引擎，但这会带来更多问题。