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

最新推荐文章于 2022-10-11 23:00:00 发布

转载最新推荐文章于 2022-10-11 23:00:00 发布 · 1.2k 阅读

文章标签：

#python #javascript #ViewUI

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>