Javascript：null或undefined或不是函数

Question

我正在使用以下代码切换一些div的可见性。该脚本位于html代码部分的顶部，用作网站的主页源。

var divs = ["div1", "div2", "div3", "div4", "div5", "div6", "div7"];
var visibleDivId = null;

function toggleVisibility(divId) {
    "use strict";

    if (visibleDivId === divId) {
        visibleDivId = null;

    } else {
        visibleDivId = divId;
    }
    hideNonVisibleDivs();
}

function hideNonVisibleDivs() {
    "use strict";
    var i, divId, div;

    for (i = 0; i < divs.length; i++) {
        divId = divs[i];
        div = document.getElementById(divId);

        if (visibleDivId === divId) {
            div.style.display = "block";

        } else {
            div.style.display = "none";
        }
    }

toggleVisibility函数由html中的onclick事件调用。 js控制台告诉我toggleVisibility为null或未定义或不是函数。为什么会这样做？

提前致谢！