javascript - Javascript for 循环只运行两次

Question

var toBeHidden_letter = document.getElementsByClassName('doc_direction');
for(var i = 0; i < 10; i++) {
    toBeHidden_letter[i].style.display = 'block';
    alert('i = '+i);
}  

我只有 2 个警报。为什么？

编辑：我的 HTML 中有 10 个 class = 'doc_direction' 元素。

Answer 1

我认为你需要：

var toBeHidden_letter = document.getElementsByClassName('doc_direction');
for(var i = 0; i < toBeHidden_letter.length; i++) {
    toBeHidden_letter[i].style.display = 'block';
    alert('i = '+i);
} 

Answer 2

似乎您只有两个具有.doc_direction类名的元素和 JS 导致错误，您可以检查控制台是否有错误并提供一些 HTML 吗？

顺便说一句，更好的是获取元素的长度而不是硬编码的数字 10：

for(var i = 0; i < toBeHidden_letter.length; i++) {