JS控制button按钮颜色随点击更改的实现方法

web前端|js教程 JS控制button按钮颜色随点击更改的实现方法

JS,颜色,点击更改,实现方法

web前端-js教程

下面小编就为大家带来一篇简单的JS控制button颜色随点击更改的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

悟空全自动打码源码,vscode是干嘛用的,ubuntu日志介绍,tomcat默认日志级别,爬虫抓取文字,特战旅 php,seo优化排名哪家价格实惠,英文购物网站模版推荐,翡翠源码模板lzw

先上效果图：

c 网吧系统源码,ubuntu如何激活网卡,tomcat搭建两个服务,python爬虫请求定时,什么是PHP最大的优点,彩票seo流程lzw

jeecms v5 源码分析,ubuntu占用cpu太高,tomcat重装后项目报错,爬虫验证失败,学习php规划技术,黄石二类电商seo推广多少钱lzw

默认“今日”是选中状态，是行内样式：

上面的日期都是点击才会切换颜色：

点击其它颜色，“今日”颜色更换成灰色

再次点击“今日”，还原回默认状态颜色

在除“今日”外的其它任一个日期中添加一个点击事件，可以实现【改变“今日”默认颜色状态】

在“今日”的点击事件中添加【还原‘‘今日”的默认状态颜色】

//昨日clickfunction yesterdayDate() {  document.getElementById('title').value = getYesterdayDate(new Date());  fetYesterdayData();  today.css('color','#555555');}//今日clickfunction todayDate() {  document.getElementById('title').value = formatterDateStr(new Date());  fetTodayData();  today.css('color','#0062cc');}

OK，完成

实现方法