Question

我有一个表从我的SQL数据库中获取结果并在我的html页面上显示它们。我希望隐藏表直到行大于0。

我有这个来计算行数：

var oRows = document.getElementById('tableID').getElementsByTagName('tr');
    var iRowCount = oRows.length;

这是我的表

<table border="1" id="tableID">
  <tr>
      <th>Results</th>
  </tr>
  <tr>
      <td><%response.Write(checker) %></td>
  </tr>
</table>

Checker是我数据库中的字符串。

我希望能够只在行数大于0时显示我的表。有人知道怎么做吗？

Answer 1

如果你想在前端管理这个，并且因为你似乎没有使用jQuery：

if (iRowCount == 0) {
    document.getElementById("tableID").style.display = 'none';
}

Answer 2

你可以尝试一下

var table = document.getElementById('tableID');
if (table.rows.length > 0)
   table.style.visibility = "visible";
else
   table.style.visibility = "hidden";

OR

  var table = document.getElementById('tableID');
    if (table.rows.length > 0)
       table.style.display = 'none';
    else
       table.style.display = 'table';

Answer 3

例如

 var oTable    = document.getElementById('tableID');
 var oRows     = oTable.getElementsByTagName('tr');
 var iRowCount = oRows.length;

 // If the length be zero
 if(iRowCount == 0) {
      // Hide the table
      oTable.style.display = 'none';
 } else {
      // show the table
      oTable.style.display = 'initial';
 }

为什么initial？它的浏览器是默认的。

计算表中的行数，如果大于0则显示表

3 个答案: