在html里面
<div id="btn1">
<button id="caseLeftbtn" class="caseLeftbtn" onclick="btn1(1)">ASFV</button>
<button id="caseRightbtn" class="caseRightbtn" onclick="btn1(2)">AIV</button>
</div>
添加点击事件
function btn1(key){
document.getElementById('caseLeftbtn').style.color = '';
document.getElementById('caseRightbtn').style.color = '';
if(key == 1){
document.getElementById('caseLeftbtn').style.color = 'white';
}else{
document.getElementById('caseRightbtn').style.color = 'white';
}
}
1.获取id等于caseLeftbt和caseRightbtn的按钮颜色
2. 传入参数当key是1就让左边按钮文字变颜色
3.右边按钮同理
效果如下图所示