我想要使用javascript单击按钮来更改div的字体颜色。我有两个按钮，“绿色”和‘红色’。使用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来更改文本的颜色。
如果你开始使用这个东西，如果你使用jQuery库，你将会有更容易的时间。
只需添加文档的<head>内将以下代码安装jQuery和给你访问的$功能：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
现在你的解决方案应该是这样的：
$('#green').click(function() { $('#timer').css('color','green'); });
$('#red').click(function() { $('#timer').css('color','red'); });
试这使用jQuery
$('.green').click(function() { $('#timer').css('color','green'); });
$('.red').click(function() { $('#timer').css('color','red'); });
这是一个带有链接的例子：
的JavaScript：
<script language="javascript">
function changecolor(color) {
document.getElementById('timer').style.color=color;
}
</script>
您的链接：
<a href="javascript:changecolor('#000000');">Black</a>
<a href="javascript:changecolor('#FF0000');">Red</a>
你的div：
<div id="timer" style="font-weight:bold; font-size:10px">Timer</div>
对接它可能是相同的。
谢谢@demo这工作，我同意！ – user3594463 2014-11-21 18:01:42