Js中的排他思想

<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
</body>
<script>
    var btns = document.getElementsByTagName("button");
    for(var i = 0; i < btns.length;i++) {
     
       btns[i].onclick = function() {
        for(var i = 0;i<btns.length;i++) {
            btns[i].style.background = '';
        }
        this.style.backgroundColor = "pink";

       }
        
            
            
       
     }

    
</script>
先让所有的都没有,再设置自己的,这是排他思想的核心。
原文地址:https://www.cnblogs.com/bamboopanders/p/11969336.html