隱藏除表頭行以外的行

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; 
}