요소가 숨겨졌는지 확인하는 방법

JavaScript를 사용하여 요소가 숨겨졌는지 확인하는 방법을 배웁니다.

숨겨진 요소를 확인

예제

<div> 요소가 숨겨졌을 때 다음 작업을 수행합니다:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // 특정 작업을 수행...
  }
}

직접 시도해 보세요

주의사항:사용할 때 주의하세요: display:none 숨겨진 요소(위 예제와 같이)는 어떤 공간도 차지하지 않습니다.

요소가 숨겨졌는지 확인하려면 visibility:hidden 숨겨진 것을 참조하세요. 이 "숨겨진" 요소는 공간을 차지합니다.

예제

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // 특정 작업을 수행...
  }
}

직접 시도해 보세요

관련 페이지

教程：CSS 표시

教程：어떻게 숨기기/표시를 전환할 수 있습니까