程式碼示例 :

 <button>按鈕1</button>
    <button>按鈕2</button>
    <button>按鈕3</button>
    <button>按鈕4</button>
    <button>按鈕5</button>
    <script>
        // 1. 獲取所有按鈕元素
        var btns = document.getElementsByTagName('button');
        // btns得到的是偽陣列  裡面的每一個元素 btns[i]
 

        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';

            }
        }
        //2. 首先先排除其他人，然後才設定自己的樣式 這種排除其他人的思想我們成為排他思想
    </script>

效果: 

核心思想 : 

如果有同一組元素，我們想要某一個元素實現某種樣式，需要用到迴圈的排他思想演算法︰

1.所有元素全部清除樣式(幹掉其他人)

2給當前元素設定樣式（留下我自己)

3.注意順序不能顛倒，首先幹掉其他人，再設定自己