如果沒有Jquery或任何JavaScript庫,我需要隱藏除頁面加載時表頭以外的簡單html表的行。隱藏除表頭行以外的行
3
A
回答
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 馬爾科
1
沒有特別需要訴諸JavaScript,您可以通過CSS做的伎倆太:
#table_id tr
{
display:none;
}
這應該隱藏所有TRs
不TH
。
+0
從一個角度無障礙點,你不應該隱瞞這很可能是不使用javascript從未表現數據。 – 2010-05-12 07:09:17
5
如果您的表格被正確標記。 你可以這樣做:
document.getElementById('yourtable')
.getElementsByTagName('tbody')[0]
.style.display = 'none';
然後把該上的「的onload」事件
你也可以做到這一點在CSS +的Javascript由一個全球性的.js文件類型設置爲你的標籤,然後使用CSS選擇。
html.js #yourtable tbody
{
display: none;
}
+0
OP說「沒有jquery或任何JavaScript庫」,他想用javascript解決方案。 – Sarfraz 2010-05-12 07:03:30
相關問題
- 1. 隱藏除單擊行之外的所有表格行AngularJS
- 2. 隱藏錶行是隱藏
- 3. 隱藏除過濾對象中定義的ID以外的所有錶行
- 4. 如何在jQuery中隱藏除一行之外的所有行?
- 5. ASP.net圖表控件:隱藏除數據點以外的所有行(軸等)
- 6. 錶行顯示/隱藏 - 刪除()
- 7. Angularjs - 隱藏錶行
- 8. Jquery隱藏錶行
- 9. 隱藏表格行
- 10. 表頭不隱藏
- 11. 表上隱藏的行上隱藏的行排序問題
- 12. 隱藏jQuery的錶行
- 13. jQuery的:隱藏空錶行
- 14. jQuery的隱藏錶行
- 15. 顯示隱藏的錶行
- 16. 在ListView隱藏的錶行(ItemPlaceholderID行)
- 17. postgresql:額外的WHERE子句隱藏行
- 18. 隱藏/取消隱藏行
- 19. 隱藏表格行問題
- 20. HTML隱藏表格行
- 21. 隱藏表格行@media print
- 22. 隱藏行永久表
- 23. 隱藏行於谷歌表
- 24. Javascript:隱藏表格行
- 25. 隱藏表角行Js
- 26. 如何隱藏/刪除GridPanel中的行
- 27. 如何隱藏SWT瀏覽器或以無頭模式運行?
- 28. 刪除/隱藏的HTTP標頭
- 29. Excel ListObject表 - 從ListObject表中刪除過濾/隱藏的行
- 30. 刪除行以「;」開頭
該死的我很慢。 :) – Marko 2010-05-12 07:11:11