我想要使用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