排他思想练习

当网页中有多个按钮，不管经过多少次点击，每次只有当前点击的按钮样式改变。

因此需要在每次点击前复原所有按钮样式

用到了双重for循环嵌套。

    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <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.backgroundColor = 'gray';
                }
                         //当前按钮样式变化
                this.style.backgroundColor = 'pink';
            }
        }
    </script>