javascript - 无法使用数组读取 null 的属性

Question

我正在尝试更改已存在但隐藏的元素类。这个问题是每当执行代码时都会抛出空异常。什么都试过了，但似乎无法弄清楚问题所在

function changeMenu(code) {
    var i, id = ["'demo'", "'drill'", "'alert'"];
    for (i = 0; i <= 2; i += 1) {
        if (document.getElementById(id[i]) !== null) {
            if (i !== code) {
                document.getElementById(id[i]).setAttribute('class', 'row hidden');
            } else {
                document.getElementById(id[i]).setAttribute('class', 'row');
            }
        } else {window.alert("error");}
    }
}

脚本已经加载到文档末尾，id也存在。

Answer 1

这里的问题是您在字符串中存储带有 ' 的 id，因此当您调用 document.getElementById("'demo'") 时将找不到该元素并返回 null。

将您的 id 数组声明更改为:

var i, id = ["demo", "drill", "alert"];

The script is already loaded in the end of document and the id also exists.

是的，id 存在，但上面没有 '，只需将其从数组中删除即可。