JavaScript基础 - 经典案例3 - tab栏选项卡切换

通常我们用 js 写 tab 栏切换功能会用到 排他思想，即干掉其他人，留下我自己

但也可以用一个更有效率的方法：找出那个特殊的人，精准干掉他，放过其他无辜的人，然后留下我自己

实现过程：假设需要切换的样式类为 active类，要干掉那个唯一的active类

document.querySelector('.active').classList.remove('active')

之后再去给自己设置 active类 就可以啦！

// this指需要切换的tab元素
this.classList.add('active')

柯南tab栏案例练习：

代码示例：

HTML：

<div class="card">
    <ul class="tab">
        <li class="tab-items active">柯南&