JavaScript实现单击按钮后更改背景颜色(两种方法)
在上一篇《通过JavaScript在单击按钮后更改标签的href值》文章中给大家介绍了怎么通过JavaScript实现在单击按钮后更改标签的href值,感兴趣的朋友可以学习了解一下~
那么本文将继续给大家介绍如何使用JavaScript实现单击按钮后更改背景颜色。
下面我将给大家介绍两种方法:
第一种方法
注:这种方法使用JavaScript来改变点击按钮后的背景颜色。单击按钮后,使用HTML DOM Style backgroundColor 属性更改背景颜色。此属性用于设置元素的背景颜色。
代码如下:
PHP中文网
效果如下:
第二种方法
这种方法使用jQuery来改变点击按钮后的背景颜色。text() 方法用于将文本内容设置为所选元素;on() 方法用作所选元素和子元素的事件处理程序;css() 方法用于更改/设置元素的背景颜色。
代码如下:
PHP中文网
效果如下:
大家也可以复制上述示例代码在本地进行测试!
以上就是JavaScript实现单击按钮后更改背景颜色(两种方法)的详细内容,更多请关注毛票票其它相关文章!