javascript - document.getElementsByClassName 问题

Question

我用它来显示一个需要保持隐藏状态的项目，直到我单击一个按钮来显示它，问题是它做了它应该做的事情，但仍然在控制台上显示错误。这是我正在使用的代码。

    <button onclick="MostrarPuntaje()">Mostrar Puntajes</button>

以及按钮调用的 Javascript 函数:

    function MostrarPuntaje(){

var elements = document.getElementsByClassName('puntaje');
for(var i = 0; i!=elements.lenght; i++){
    elements[i].style.visibility = 'visible';
}

最后，这是控制台显示的错误，即使它确实显示了隐藏的项目。

tablero.html:53 Uncaught TypeError: Cannot read property 'style' of undefined

第 53 行如下(在 for 循环内):

elements[i].style.visibility = 'visible';

我希望你能理解我的代码和我的话，因为我似乎找不到合适的方法来解释这个错误，老实说我不知道​​我做错了什么，感谢阅读，我希望你能帮助我。

Answer 1

这是因为打字错误。在 for 循环内部将条件更改为 elements.length 而不是 elements.lenght。

为什么有效

for 循环条件，i!=elements.lenght 将被解释为 i!= undefined 并且条件始终为真，因为索引从 0 开始并递增在。

所以 elements[0] 效果很好。然后它会移动到下一步 elements[1] 这是未定义的，它会抛出错误，因为我们正在访问未定义的样式属性