如何动态隐藏多个TR?

Question

可以
给需要隐藏的起名XX
然后
用
XX.style.display="none"

Answer 1

<table>
<tr><td></td></tr><tbody id="id__1">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody><tr><td></td></tr>
</table>==============================
document.getElementById('id__1').style.diplay='none';

Answer 2

<table>
<tr><td></td></tr><div id="myTr">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</div><tr><td></td></tr>
</table>==============================
document.getElementById('myTr').style.diplay='none';

Answer 3

<table id="ContentTableID">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
==========================================
for(i=0;i<ContentTableID.rows.length;i++)
{
   ContentTableID.rows[i].style.display="none";
}

Answer 4

支持 micker(希望下一代别再贫穷) 的方法

Answer 5

<table>
<tr><td>1</td></tr>
<tbody id="id__1">
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
</tbody>
<tr><td>6</td></tr>
</table>
<button onclick="JavaScript:h();">测试</a>
<script language="javaScript">
function h(){
var p=document.getElementById('id__1');
p.runtimeStyle.display=(p.runtimeStyle.display=='none')?'':'none';
}
</script>

Answer 6

循环肯定是用循环, 只不过你可以用 tableId.rows 这个集合进行循环
var a = document.all.tableId.rows;
for(var i=a.length-1; i>=0; i--)
{
  if(a[i].id) a[i].style.display = "none";
}

Answer 7

多谢各位，<TBody>的方式是我最喜欢的，一直不知道一个table里可以有多个tbody, 多谢.eglic(圪圪) micker(希望下一代别再贫穷) 让我了解到可以在tr间用div,惭愧了，不知道这种用法有没有问题
meizz(梅花雪)，也让我又对rows有了了解，一并谢过了:)