// 排他功能
let btn = document.getElementsByTagName('button');
for (let i = 0; i < btn.length; i++) {
btn[i].onclick = function () {
// 在显示当前按钮的时候,先干掉其它的按钮样式
for (let i = 0; i < btn.length; i++) {
btn[i].style.backgroundColor = ''
}
// 显示当前按钮效果
this.style.backgroundColor = 'pink'
}
}
html
<button>大家好</button>
<button>大家好</button>
<button>大家好</button>
<button>大家好</button>
<button>大家好</button>