4、JS-DOM：排他思想

 一、如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法
1.所有元素全部清除样式（千掉其他人）
2.给当前元素设置样式（留下我自己）
3.注意顺序不能颜倒，首先干掉其他人，再设置自己

 

二、百度换肤效果案例：

    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>

    <script>
        var btns = document.querySelectorAll('button');

        for (var i = 0; i < btns.length; i++) {
            btns[i].onclick = function () {
                // (1)、先把所有的按钮背景颜色去掉  干掉所有人
                for (var i = 0; i < btns.length; i++) {
                    btns[i].style.backgroundColor = '';
                }
                // （2）、让当前元素背景颜色为 pink  留下我自己
                this.style.backgroundColor = 'pink';
            }
        }
    </script>