JS中排他思想运用及问题

1.HTML创建按钮

``

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

</div>

## 2.元素取得和排他代码

```javascript
 var btns = document.querySelectorAll('button')
        for (i = 0; i < btns.length; i++) {
            btns[i].onclick = function() {
                for (j = 0; j < btns.length; j++) {
                    btns[j].style.backgroundColor = ''
                }
                this.style.backgroundColor = 'pink'
            }
        }

## 3.问题
实际中发现代码中`this.style.backgroundColor = 'pink'`可以使用`btns[i].style.backgroundColor = 'pink'`无法使用