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

标签 javascript html css button colors

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

相关文章:

javascript - 如何去掉某个div下的某个class

html - 从播放列表中的视频中提取 YouTube 缩略图并显示在网页上

javascript - Android 浏览器和 iOS Chrome 是否支持全屏 API?

javascript - 更改正则表达式浮点表达式以强制小数点前的前导数字

javascript - 为什么我的 $watch 只触发一次?

javascript - 如何使用 jQuery 缓慢地将 css 属性更改为自动?

html - 配置 Jekyll 输出以将博客添加到现有站点

javascript - 如何在提交表单之前加载图像

javascript - 将 HTML 编辑器的内容保存为桌面上的 HTML 文件

javascript - 如何使用 React Native 创建发光动画