javascript – 更改表行显示属性

前端之家收集整理的这篇文章主要介绍了javascript – 更改表行显示属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含隐藏行的表的 HTML页面
<table>
  <tr id="hiddenTr" style="display:none">
    ...
  </tr>
</table>

我需要使用jquery在客户端可见.我试过了

$('#hiddenTr').show();

和这个

$('#hiddenTr').css('display','table-row');

这两个实现对我来说都不行.第二个不是crossbrowser.

UPD.对不起大家.这是我的错:我错了tr元素id.这是奇怪的$(‘hiddenTr’)没有返回null …

解决方法

我总是将style.display属性设置为“”(空字符串)来显示一个隐藏的表行:
var row = document,getElementById("row_id");
row.style.display = "";  // shows the row

要再次隐藏:

row.style.display = "none";  // hides the row

在jQuery中,这将是:

$("#row_id").css("display",""); // show the row

要么

$("#row_id").css("display","none");  // hides the row

IE似乎不喜欢“table-row”的显示值.而’阻止’是不正确的,似乎有时把其他浏览器的显示.

猜你在找的JavaScript相关文章