javascript - 使用javascript单击按钮更改div的字体颜色

Question

我想在使用 javascript 单击按钮时更改我的 div 的字体颜色。我有两个按钮，“绿色”和“红色”。

<button type="button" class="green">Green</button>
<button type="button" class="red">Red</button>

这是我的div

<div id="timer"></div>

当前字体为红色(默认颜色)，但一旦点击“绿色”，它将变为绿色，而当点击“红色”时，它将变回红色。

我知道这可能非常简单，但出于某种原因我无法让它工作:)

如果您知道如何操作，将不胜感激。

Answer 1

我认为这是无需 Jquery 即可更改颜色的最简单解决方案: http://jsfiddle.net/8jay6r3n/

只需将 onclick 事件添加到按钮，如下所示:onclick="document.getElementById('timer').style.color = 'red'"

这里有一些关于它的文档: http://www.w3schools.com/js/js_htmldom_css.asp

---

如果你想使用jQuery，比这里的例子 http://jsfiddle.net/8jay6r3n/2/ 您可以使用 inline style 或添加 class 来更改文本的颜色。