使用 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';