使用js实现单机按钮，让他改变颜色

1.使用button输出多个按钮

<button>按钮</button>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>

2.使用document函数获取按钮

var btns = document.getElementsByTagName('button');

3.使用for循环，去到按钮当前颜色，这里把color里面输入颜色，就会让其他按钮变成你想要的颜色，如果你不想要就变成空的，我这里把其他颜色变成yellow

for(var i = 0; i < btns.length; i++){
btns[i].onclick = function(){
for (var i = 0; i < btns.length; i++){
btns[i].style.backgroundColor = 'yellow';
}

4.设置点击按钮背景颜色

this.style.backgroundColor = 'red'

展示效果

 

代码展示