如何将CSS样式添加到javascript

Question

快速免责声明 - 我是一名javascript新手。我正在研究如何将CSS样式添加到javascript变量中。 这是我的代码的链接。

http://jsfiddle.net/Ehney/169/

我想做的是能够格式化计数器中的动态数字。这是我过去尝试做的代码

var days = document.getElementById("days");
    days.style.color = "blue";

但这并没有做任何事情。请帮我。我想知道如何添加其他格式，例如字体大小调整。

请注意，我可以使用＆＃39;倒计时＆＃39;将样式添加到所有javascript中。的getElementById。但我想专门针对这些变量。帮助！

Answer 1

使用id / class

包装变量值

document.getElementById('countdown').innerHTML = 'Days ' + 'Hours ' + 'Minutes ' + 'Seconds  </br> &nbsp <span id="days">' + days + '</span>&nbsp &nbsp &nbsp &nbsp<span id="hours">' + hours + '</span>&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<span id="minutes">' + minutes + '</span> &nbsp &nbsp &nbsp &nbsp &nbsp<span id="seconds">' + seconds + '</span>';

然后定义css规则

#days {
    color: blue;
}

演示：Fiddle

Answer 2

你可以这样做：

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "strong { color: red }";
document.body.appendChild(css);