javascript - .style.color 正在工作，但仍会引发错误

Question

我正在尝试通过更改颜色来使 HTML 段落元素出现。我设置特定元素（多个元素，它在 for 循环内）样式的行抛出错误。它工作正常，但在那一行之后我什么也做不了，因为错误停止了它。

这是代码（它被 chrome 工具停止）。你可以看到该元素已定义，如果我将鼠标悬停在它上面会显示我需要的确切元素。

错误消息说该元素未定义，但我绝对确定它是，我不知道该怎么做。

const letterIndex = findIndexOfLetter(word, letter.innerHTML);
    for (w = 0; w <= letterIndex.length; w++) {
      var theLetter = wordLetters[letterIndex[w]]
      theLetter.style.color = "azure";
    }

标签： javascript

Answer 1

当用循环遍历一个数组（或类似数组的集合，在这里不重要）时for，你去

for (let i = 0; i < collection.length; i++) { //...

并不是

for (let i = 0; i <= collection.length; i++) { //...

使用<=停止条件，最后一次迭代在数组之外。