隐藏除表头行以外的行

Question

如果没有Jquery或任何JavaScript库，我需要隐藏除页面加载时表头以外的简单html表的行。

Answer 1

<style type="text/css"> 
.mytable tr { 
    display: none; 
} 
</style> 

只是开个玩笑。在这里，我们去：

<table border="1" id="mytable"> 
<th> 
    <td>asd</td> 
    <td>asd</td> 
</th> 
<tr> 
    <td>asdkjas</td> 
    <td>asdasdjwa</td> 
</tr> 
<tr> 
    <td>asdkjas</td> 
    <td>asdasdjwa</td> 
</tr> 
</table> 

<script type="text/javascript"> 
window.onload=function(){ 
    hideTableRows(); 
} 
function hideTableRows() { 
    var myTableRows = document.getElementById("mytable").getElementsByTagName("tr"); 
    for(i=0;i< myTableRows.length;i++) { 
     myTableRows[i].style.display = "none"; 
    } 
} 
</script> 

我觉得一个表需要行，不会只是标题显示..我可以建议在表开始添加一个空行，并在for循环的“i”改变这样第一行应该跳过。

HTH 马尔科

Answer 2

没有特别需要诉诸JavaScript，您可以通过CSS做的伎俩太：

#table_id tr 
{ 
    display:none; 
} 

这应该隐藏所有TRs不TH。

Answer 3

如果您的表格被正确标记。 你可以这样做：

document.getElementById('yourtable') 
     .getElementsByTagName('tbody')[0] 
     .style.display = 'none'; 

然后把该上的“的onload”事件

你也可以做到这一点在CSS +的Javascript由一个全球性的.js文件类型设置为你的标签，然后使用CSS选择。

html.js #yourtable tbody 
{ 
    display: none; 
}