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 女神节日简短祝福语大全