javascript - 隐藏表行 colspan 无法工作

Question

我有一个表格，每行有 4 个 td 单元格。它隐藏了一行，其中包含一个 td colspan="4"。

当我显示隐藏的行时，它会忽略 colspan="4" - 这是因为它首先被隐藏了吗？

有什么办法吗？

HTML

<table>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr class="hidden" id="123">
    <td colspan="4">full width</td>
  </tr>
</table>
<a href="#" onclick="showRow(); return false;">click me</a>

Javascript

function showRow(){
  el = document.getElementById('123');
  el.style.display = 'block';
}

CSS

.hidden { display:none; }

Here's a fiddle

Answer 1

不是 block ，是表格行

el.style.display = 'table-row';

最好只删除hidden 类。

el.classList.remove("hidden");  //FYI, not all browsers support classList