html 部分:
<style>
.bgcolor {
background-color: pink;
}
</style>
js 部分
<body>
<button class="bgcolor">按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<script>
// 1.获取四个按钮
let btns = document.querySelectorAll('button')
// 2.需要给四个按钮注册点击事件
for (let i = 0; i < btns.length; i++) {
// 3.注册事件
btns[i].addEventListener('click', function() {
// 5. 将标签里面有 bgcolor类的 将其消除掉
document.querySelector('.bgcolor').className = ''
// 4.需要给被点击的按钮添加 类名
this.className = 'bgcolor'
})
}
</script>
</body>