首頁 > web前端 > 前端問答 > html怎麼隱藏tr

html怎麼隱藏tr

藏色散人
發布: 2021-04-12 09:44:06
原創
2930 人瀏覽過

html隱藏tr的方法:先建立一個HTML範例檔案;然後透過tr標籤定義HTML表格中的行;最後透過「」方式實作隱藏即可。

html怎麼隱藏tr

#本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

Html中 標籤的隱藏與顯示

TR標籤的隱藏與顯示:block(顯示)與none(隱藏) 

 <tr  style="display: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 = &#39;block&#39;;
    }
    else
    {
        tr1.style.display = &#39;none&#39;;
    }
}
</script>
登入後複製

【建議學習: HTML影片教學

以上是html怎麼隱藏tr的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板