tab切换代码

为什么80%的码农都做不了架构师？>>>   

.show {display: block;}
.hide {display: none;}
<div class="leftmenus">
    <span class="btn ng-binding azjcc cur" onclick="eventOne('zjcc')">资金余额</span>
    <span class="btn ng-binding adqwt" onclick="eventOne('dqwt')">撤单(F3)</span>
    <span class="btn ng-binding alswt" onclick="eventOne('lswt')">历史委托</span>
</div>
<div class="zjcc show">1</div>
<div class="dqwt hide">2</div>
<div class="lswt hide">3</div>

function eventOne(pid){
    var list = ['zjcc','dqwt','lswt'];
    for(var i=0;i<3;i++){
        if(list[i] == pid){
            document.querySelector('.a'+list[i]).classList.add('cur');
            document.querySelector('.'+list[i]).className = list[i] + ' show';
        }else{
            document.querySelector('.a'+list[i]).classList.remove('cur');
            document.querySelector('.'+list[i]).className = list[i] + ' hide';
        }
    }
}

转载于:https://my.oschina.net/af666/blog/908080