자바스크립트로 HTML 요소가 보이는지 체크하기
".element" 클래스를 가진 요소가 보이는지를 체크하는 코드를 이용해서 HTML 요소가 보이는지를 판별하는 코드를 알아보겠습니다.
CSS는 다음과 같이 클래스를 정의해서 HTML 요소의 화면 표시에 관계된 속성들을 적용해서 확인합니다.
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.element{
/*
display: none;
visibility: hidden;
opacity: 0;
*/
width: 100%;
height: 100%;
}
먼저 화면을