《因为我多加了一个=号而导致BUG这件事》

* 引子 在学习到JS的 “排他思想”时，里层for循环一直报错 。

• 代码如下
点击查看代码

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

            }
        }

如图

于是回到代码，查看第26行，也即里层for循环

仔细和源码对比，发现计数器 i 多循环了一次，我用 log 依次打印元素如下

 

发现多循环了一次，是由于计数器 i 加了个 = 号而导致的，数组遍历到了第5个元素，但实际上并没有第5个元素

所以报错，提示第5个元素找不到 “ style ” 属性

* 修改后运行成功