방법 - 요소가 숨겨져 있는지 확인
JavaScript로 요소가 숨겨져 있는지 확인하는 방법을 알아보세요.
숨겨진 요소 확인
예시
<div> 요소가 숨겨져 있으면 다음을 수행하십시오.
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
참고: 위의 예와 같이 요소를 숨기면 요소는 display:none
공간을 차지하지 않습니다.
요소가 으로 숨겨져 있는지 visibility:hidden
확인하려면 아래 예를 참조하세요. 이 "숨겨진" 요소는 공간을 차지합니다.
예시
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
팁: 방법 - 숨기기/표시 전환 도 확인하세요 .
팁: 디스플레이 및 가시성에 대한 자세한 내용은 CSS 디스플레이 튜토리얼 을 참조 하십시오.