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>
先让所有的都没有,再设置自己的,这是排他思想的核心。
posted @ 2019-12-02 10:48  竹子up  阅读(3480)  评论(0编辑  收藏  举报