Скрыть строки таблицы, кроме заголовка

Question

Без JQuery или любой библиотеки JavaScript мне нужно скрыть строки простой таблицы html, кроме таблицы head на загрузке страницы.

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> 

Я думаю, что таблица требует строк, не будет отображаться только с заголовками .. Я мог бы предложить добавить пустую строку в начале таблицы, и изменения «я» в течение цикла 1. Таким образом, первая строка должна быть пропущена.

НТН Марко

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