使用Javascript显示和隐藏表中的某些行

Question

我正在尝试显示和隐藏表格的某些行，当使用点击链接时会显示或隐藏，但是，我的尝试并未完全实现。谁能让我知道我哪里出错？

首先，这里有一些表的示例html，它实际上是由php和sqlsrv连接生成的：

如您所见，调用javascript来隐藏/显示第二行的行。这将显示该文件的所有收件人行（以及子标题）。我现在只写了showRows JS，因为我还没有能够正常工作，但是hideRows JS实际上却恰恰相反：

function showRows(FileSpan) {
        var rows = document.getElementsByClassName(FileSpan);
        var arr = new Array();

        for (i = 0; i < rows.length; i++) {
            rows[i].style.display = 'block';
        }

    }

然而，这并不会导致我希望表格看起来如何。它不是显示行，而是将所有显示的行放在当前行下面的单个单元格中。我哪里错了？

我添加了一些图片，以便您可以看到我想要的样子以及样式。

Answer 1

您只需将display属性从block更改为table-row。

rows[i].style.display = 'table-row';