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