JS中的排它思想

1.使用场景：

选项卡、轮播图下面圆点等等

2.实现思路：

        当我们在点击一个选项的时候，我们需要清空之前所点击的选项，首先我们先获取到所有选项卡的节点，然后利用循环给每个按钮添加事件，然后在里面嵌套一个循环，在点击这个按钮生效前一步清空之前的所有事件，保证只让当前点击的事件生效，从而实现排它！

3.示例代码：

let lis = document.querySelectorAll('.nav-item')
      
        for(let i =0 ;i<lis.length;i++){
            lis[i].addEventListener("click",function(){
                for(let y =0;y<lis.length;y++){
                    lis[y].style.color='black'
                }
                this.style.color="#2eafb0"
            })
        }

4.效果图

多个选项中无论如果只有一个会有样式，从而实现排它。