javascript - 数组出现未定义的问题

Question

我有一个带有一些引号的小项目，我想将它们输出到 div 上，控制台不断向我抛出“无法读取未定义的属性“null””的消息，我不知道为什么或错误在哪里。

我当前的代码是这样的:

var daHash = location.hash.substring(1),
    wrapper = document.getElementById("wrapper"),
    favs = localStorage.getItem("quoteLoved"),
    favA = favs.split(","),
    modal = document.getElementById("modal"),
    overlay = document.getElementById("overlay");

modal.style.display = "block";
overlay.style.display = "block";
for (var i = 0; i < (favA.length - 1); i++) {
    var favQ = favA[i];
    modal.innerHTML = modal.innerHTML + "<section>" + "<cite class=' id " + favQ + "' contenteditable='true'>arroz" + "</cite>" + "<p class= id " + favQ + ">queso" + "<span class='dev_fav'></span>" + "</p>" + "</section>";
};
for (var i = 0; i < (favA.length - 1); i++) {
    var classes = Number(modal.getElementsByClassName("id")[i].classList.item(2));
    modal.getElementsByClassName("id")[i].innerHTML = quotes[classes];
};
location.hash = "";

Chrome 抛出的问题是 modal.getElementsByClassName("id")[i].innerHTML =quotes[classes];

quotes[classes] 是一个内部包含各种文本的数组。

编辑:

引号数组是这样的:

var quotes = [
    "Some text blah",
    "Some text blah blah",
    "Some text blah blah and blah blah, you know.."
];

当我在控制台上执行所有这些操作时，不会引发错误，而且我不知道为什么在执行脚本时会引发错误。

Answer 1

解决了问题，quotes变量名称已被非数组变量使用，重命名为其他变量，代码现在可以运行。谢谢您的帮助。经过一些调试并仔细阅读脚本代码，我终于发现了错误。