1、新建html文档,在body标签中添加一些button按钮,然后为这些按钮设置默认颜色为灰色:
2、添加js代码,首先获取所有的button按钮,然后使用for循环为这些按钮添加点击事件:
3、这时被点击的按钮将会更换颜色,而没有被点击的按钮依然是原来的颜色:
1、html代码:
<button onclick='demo()'>click me!</button>2、js代码:
var index=0function demo(){
var colorArr=['red','yellow','blue']
event.target.style.backgroundColor = colorArr[index%3]
index+=1
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)