HTMLでtrを非表示にする方法

藏色散人
リリース: 2021-04-12 09:44:06
オリジナル
2928 人が閲覧しました

html tr を非表示にする方法: 最初に HTML サンプル ファイルを作成し、次に tr タグを使用して HTML テーブル内の行を定義し、最後に「」を使用して非表示にします。できる。

HTMLでtrを非表示にする方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3コンピューター。

HTML で タグを非表示および表示する

TR タグを非表示および表示する: ブロック (表示) およびなし (非表示)

 <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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート