Javascript 似乎无法正确读取某些 div 的类名，但并非全部

Question

我的代码中有 15 个 div 标签。我不仅手动计算了代码，还使用 ​​firebug 签入了 dom，并为每次迭代输出警报。

    var toShow2 = document.getElementsByTagName("div");


    for (var j=0;j<toShow2.length; j++) {
        alert(toShow[j].className + " class iteration:" + j + "; checking for (show): " + show + "; checking for (hide): " + hide);
        if (toShow[j].className.indexOf(show) > -1) {

            var style = toShow[j].style;
            style.display = "block";
        }
        if (toShow[j].className.indexOf(hide) > -1) {

            var style = toShow[j].style;
            style.display = "none";
        }
    }

警报显示类名（如果有）、当前迭代（0-14）、它正在查找的第一个参数for（显示）和它正在寻找的第二个参数（隐藏）。对于所有 15 个 div（不包括第一个），都有一个类名，但它只识别类名，甚至存在于以 0 开头的第 5 个和第 12 个位置）此代码位于函数内部，该函数可以传递 2 个变量：step1，步骤 2、步骤 3、步骤 4 或步骤 5。它识别第 5 个位置上的 step1 类名称和第 12 个位置上的 step2，否则

警报中的toShow[j].className

不会显示任何内容。

所有 div 的 dom 中出现的类名顺序如下。

1. 类名]
2. step1step2step3step4step5step2step3step4step5step1step2step3step4step5
3. 类名称，它们
4. 内容完全
5. 已经
6. 与我在警报中输出的搜索
7. 检查
8. 了
9. [
10. 无
11. 我
12. 的
13. 我的
14. html代码中
15. 。

匹配 任何帮助将不胜感激。

Answer 1

问题是您在循环中使用 toShow，但循环基于 toShow2。修复如下：

 var toShow2 = document.getElementsByTagName("div");


    for (var j=0;j<toShow2.length; j++) {
        alert(toShow2[j].className + " class iteration:" + j + "; checking for (show): " + show + "; checking for (hide): " + hide);
        if (toShow2[j].className.indexOf(show) > -1) {

            var style = toShow2[j].style;
            style.display = "block";
        }
        if (toShow2[j].className.indexOf(hide) > -1) {

            var style = toShow2[j].style;
            style.display = "none";
        }
    }

Answer 2

乍一看，这是你想要的吗？没有测试过什么的。 show 和 hide 未定义，因此您传递的是未定义的变量。

var toShow2 = document.getElementsByTagName("div");


for (var j=0;j<toShow2.length; j++) {
    alert(toShow[j].className + " class iteration:" + j + "; checking for (show): " + show + "; checking for (hide): " + hide);
    if (toShow[j].className.indexOf('show') > -1) {

        var style = toShow[j].style;
        style.display = "block";
    }
    if (toShow[j].className.indexOf('hide') > -1) {

        var style = toShow[j].style;
        style.display = "none";
    }
}