자바스크립트에서 행을 숨기는 방법-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

자바스크립트에서 행을 숨기는 방법

藏色散人

Jan 18, 2022 am 11:49 AM

javascript

JavaScript에서 행을 숨기는 방법: 1. HTML 샘플 파일을 만듭니다. 2. 테이블을 정의합니다. 3. js 코드 "function setDetailMsgRow(rowID, btn) {...}"를 통해 테이블의 특정 행을 숨깁니다. .

자바스크립트에서 행을 숨기는 방법

이 기사의 운영 환경: Windows 7 시스템, javascript 버전 1.8.5, Dell G3 컴퓨터.

자바스크립트에서 행을 숨기는 방법은 무엇입니까?

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");
                }
            }

렌더링은 다음과 같습니다.

자바스크립트에서 행을 숨기는 방법

모든 HTML:

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

 


    
 
    


    
    
    
        aa 44aa
            bb 44bb
            cc 44cc
            dd 44dd
            ee 44ee

관련 기사

CSS 선택기 마스터 링 : 효율적인 스타일을위한 클래스 대 IDMay 16, 2025 am 12:19 AM

클래스 선택기 및 ID 선택기의 사용은 특정 사용 사례에 따라 다릅니다. 1) 클래스 선택기는 다중 요소, 재사용 가능한 스타일에 적합하며 2) ID 선택기는 고유 한 요소 및 특정 스타일에 적합합니다. 클래스 선택기는 더 유연하며 ID 선택기는 처리하기가 더 빠르지 만 코드 유지 보수에 영향을 줄 수 있습니다.

HTML5 사양 : 주요 목표와 동기 탐색May 16, 2025 am 12:19 AM

TheKeyGoalSandMotivationSBehindhtml5WeretoEnhancesemanticstructure, EverneMultImediasupport, andensureBetTerferfortPerformanceAndCompatibilityAcrossDevices, DrivenBytheneedToaddresshtml4'SlimitationsAndModernWebDemands.1) HTMl5AIMEDTOMPROVETUCETUR

CSS ID 및 클래스 : 간단한 가이드May 16, 2025 am 12:18 AM

idsareUniqueAndusedForsingleElements, whileclassesareuseableforlultipleements.1) useidsforuniqueElementsLikeSpecificheader.2) USECLASSESFORCONSESTENTSTYLINGACROSSMultipleEmentements likeSlikeButtons

HTML5 목표 : 사양의 주요 목표 이해May 16, 2025 am 12:16 AM

html5aimstoenhancewebaccessibility, Interactivity, andefficiency

HTML5를 사용하여 목표를 달성하기가 어렵습니까?May 16, 2025 am 12:06 AM

html5isnotparticular indifficulttousebutreequiresunderstandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingS

CSS : 같은 DOM에서 여러 ID를 사용할 수 있습니까?May 14, 2025 am 12:20 AM

아니요, 당신은 uplemultipleidsinthesamedom.1) idsmustbeuniqueperhtmlspecification, andusingduplicatescancauseSconsistentBrowserBehavior.2) useclassesforstylingmultipleelements, attributesectorscendats eftibutes 및 descenderfortrecture

HTML5의 목표 :보다 강력하고 액세스 가능한 웹 생성May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapabilities, MakingItmoredynamic, Interactive, and Accessible.1) itsupportsmultimediaelementslikeand, 2) SemanticlementsImpreveAcessibilityandCodeReardability.3) 특징적인 부대, 응답 Whebappl