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

我试图显示和隐藏表中的某些行，当用户单击链接时，这些行将显示或隐藏，但是，我的尝试并没有达到目的。有人能告诉我哪里出了问题吗

首先，这里是该表的一些示例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';
        }

    }

函数显示行（FileSpan）{
var rows=document.getElementsByClassName（FileSpan）；
var arr=新数组（）；
对于（i=0；i

然而，这并没有导致我想要的表的外观。它不显示行，而是将所有显示的行放在当前单元格下方的单个单元格中。我哪里做错了

我添加了一些图片，这样你就可以看到我想要的样子，以及它是怎样的

---

您只需将

显示

属性从

块

更改为

表行

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

---

只需将

display

属性从

block

更改为

表行

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

---

尝试将

i

更改为局部变量。您可以在此处找到表格HTML:以及我希望表格的外观：尝试将

i

更改为局部变量。您可以在此处找到表格HTML:以及我希望表格的外观：