html5历史管理报错的问题

我这里的代码涉及的比较多所以我只贴有问题的这部分望谅解
这个是个面象对象程序

        function fnchange() {
            var hash = this.dataset.hash; //获取hash，这里的this是切换的选项卡
            window.location.hash = hash; //赋值给url
        }
        window.onhashchange = function() { //url发现改变页面跟着变
            hashchange();
        }        
        hashchange();//这里调用的时候下面的
                    //document.querySelector("." + arr[i]).style.display = "none";报
                    //Uncaught TypeError: Cannot read property 'style' of null错
                    //这怎么处理???
        function hashchange() {
            var arr = ["a1","b1"];//这里外的是hash值
            var firstHash = window.location.hash.substring(1) || arr.shift();
            for (var i = 0; i <= arr.length; i++) {
                document.querySelector("." + firstHash).style.display = "block";
                document.querySelector("." + arr[i]).style.display = "none";
            }
        };

---

//document.querySelector("." + arr[i]).style.display = "none";报
//Uncaught TypeError: Cannot read property 'style' of null错
//这怎么处理???
这个很明显没有获取到相应的元素。检查一下querySelector函数的参数