Question

javascript 隐藏表格行

表格：
<table id="table1">
<tbody id="table2">
<tr>....</tr>
<tr>....</tr>
<tr>....</tr>
<tr>....</tr>
</tbody>
</table>

js代码：
var theTable = document.getElementById("table2");
var numberRowsInTable = theTable.rows.length;

function hideTable() {
for ( var i = 0; i<numberRowsInTable; i++ ) {
theTable.rows[i].style.display = 'none';
}
}

结果：
隐藏了所有行，但是，还留下一大片空白空间？IE8，IE7下都是这样，但是在FF下就可以了。
style.display为'block'(显示)或'none'(隐藏)。
另外，设置div.style.visibility为'hidden'也可以将其隐藏，但其仍会占据页面空间
不是说使用display不会占据空间吗？问什么会有这么大一片空白呢？
问题找到了，这种方法隐藏式，表格中不能包含rowspan,去掉这个就没有了。郁闷。。。。

Answer 1

style.display=none不占空间
visibility为'hidden'占空间

Answer 2

css，你去看看吧。本来就有两种隐藏的方式