ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで行を非表示にする方法

JavaScriptで行を非表示にする方法

藏色散人
藏色散人オリジナル
2022-01-18 11:49:412883ブラウズ

JavaScript で行を非表示にする方法: 1. HTML サンプル ファイルを作成します; 2. テーブルを定義します; 3. JS コード「function setDetailMsgRow(rowID, btn) {...}」を使用してテーブルを非表示にします特定の行で十分です。

JavaScriptで行を非表示にする方法

#この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で行を非表示にする方法は?

テーブルの特定の行を非表示または表示する js コントロール

メインの JS は次のとおりです: (ブラウザーと互換性があります: IE9、FireFox、Chrome、 360 セーフ)

            var row = document.getElementById(rowID);
            if (row != null) {
                if (row.style.display == (document.all ? "block" : "table-row")) {
                    row.style.display = "none";
                }
                else {
                    row.style.display = (document.all ? "block" : "table-row");
                }
            }

レンダリングは次のとおりです:

JavaScriptで行を非表示にする方法##すべての HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="testWeb.WebForm1" %>
 

 


    
 
    


    
bb44bb
cc44cc
dd44dd
ee44ee

推奨学習:「

js 基本チュートリアル」

"

以上がJavaScriptで行を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。