我想在使用 javascript 单击按钮时更改我的 div 的字体颜色。我有两个按钮,“绿色”和“红色”。
<button type="button" class="green">Green</button>
<button type="button" class="red">Red</button>
这是我的div
<div id="timer"></div>
当前字体为红色(默认颜色),但一旦点击“绿色”,它将变为绿色,而当点击“红色”时,它将变回红色。
我知道这可能非常简单,但出于某种原因我无法让它工作:)
如果您知道如何操作,将不胜感激。
最佳答案
我认为这是无需 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
来更改文本的颜色。
关于javascript - 使用javascript单击按钮更改div的字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27059263/