JavaScript实现单击按钮后更改背景颜色(两种方法)
在上一篇《通过JavaScript在单击按钮后更改标签的href值》文章中给大家介绍了怎么通过JavaScript实现在单击按钮后更改标签的href值,感兴趣的朋友可以学习了解一下~
那么本文将继续给大家介绍如何使用JavaScript实现单击按钮后更改背景颜色。
下面我将给大家介绍两种方法:
第一种方法
注:这种方法使用JavaScript来改变点击按钮后的背景颜色。单击按钮后,使用HTML DOM Style backgroundColor 属性更改背景颜色。此属性用于设置元素的背景颜色。
代码如下:
PHP中文网
效果如下:
第二种方法
这种方法使用jQuery来改变点击按钮后的背景颜色。text() 方法用于将文本内容设置为所选元素;on() 方法用作所选元素和子元素的事件处理程序;css() 方法用于更改/设置元素的背景颜色。
代码如下:
PHP中文网
效果如下:
大家也可以复制上述示例代码在本地进行测试!
以上就是JavaScript实现单击按钮后更改背景颜色(两种方法)的详细内容,更多请关注毛票票其它相关文章!
热门推荐
10 生日祝福语朋友简短的话
11 宝贝的人生祝福语简短
12 新年有哪些祝福语简短
13 简短又洋气祝福语大全
14 简短祝福语除夕快乐英文
15 生日贺卡祝福语毕业简短
16 战友聚会祝福语幽默简短
17 最新中秋祝福语简短英语
18 夏日升学宴祝福语简短