Html中 <tr> 标签的隐藏与显示

转载于 2016-03-24 18:41:00 发布 · 1.3k 阅读

文章标签：

本文介绍了一种使用JavaScript和HTML结合的方式实现对表格行(TR标签)的动态显示与隐藏的方法。通过设置style属性中的display参数为'block'或'none'来达到效果。此外，还提供了一个简单的函数changeTR，用于根据外部条件改变TR标签的可见性。

TR标签的隐藏与显示：block(显示)和none(隐藏)

<tr id="sample"
            style="display: <s:if test="sample == 1">block</s:if><s:else>none</s:else>">
            <td>
                sample
            </td>
</tr>
<script type="text/javascript">
function changeTR(selectedValue)
{
    var tr1 = document.getElementById("sample");

    if (selectedValue == 0)
    {
        tr1.style.display = 'block';
    }
    else
    {
        tr1.style.display = 'none';
    }
}
</script>