Изменить цвет шрифта div по нажатию кнопки с помощью javascript

Я хочу изменить цвет шрифта моего div одним нажатием кнопки с помощью javascript. У меня есть две кнопки, «Зеленый» и „Красный“.Изменить цвет шрифта div по нажатию кнопки с помощью javascript

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

Это мой ДИВ

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

В настоящее время шрифт красного цвета (цвет по умолчанию), но как только „зеленый“ щелкают это будет позеленеть и когда «красный» нажата она вернется к красному.

Я знаю, что это, вероятно, очень просто, но по какой-то причине я не могу заставить его работать :)

Если вы знаете, как бы будем благодарны.

источник

2014-11-21 user3594463

Я думаю, что это самое простое решение, чтобы изменить цвет без 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, чтобы изменить цвет текста.

источник

2014-11-21 10:54:57 demo

Спасибо @demo, это сработало, я согласен! – user3594463

Если вы начинаете с этого материала, вам будет намного легче, если вы используете библиотеку 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'); });

источник

2014-11-21 10:38:10

Ьгу это использование jQuery

$('.green').click(function() { $('#timer').css('color','green'); }); 
$('.red').click(function() { $('#timer').css('color','red'); });

http://jsfiddle.net/8dhzK/55/

источник

2014-11-21 10:42:07

Это пример ссылки:

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 id="timer" style="font-weight:bold; font-size:10px">Timer</div>

Для стыковой это, вероятно, то же самое.

источник

2014-11-21 10:44:27 BobyCode

Изменить цвет шрифта div по нажатию кнопки с помощью javascript

ответ

Смежные вопросы