Web/자바스크립트
[Javascript] HTML 요소 숨기기, 보이기 이벤트 처리
moonthree
2022. 9. 26. 23:23
CSS에서 display와 visibility로 숨기기, 보이기
https://moon-coding.tistory.com/38
[CSS] 요소 숨기기 : display none, visibility hidden
결론 display: none; - 사용시 해당 요소가 아예 없었던 것처럼 처리됨 - 레이아웃에 변화 See the Pen js2 by lee (@moonthree) on CodePen. visibility: hidden; - 사용시 그 요소가 차지하던 공간은 그대로 유..
moon-coding.tistory.com
js로 display와 visibility 숨기기, 보이기 이벤트 처리하기
display
See the Pen Untitled by lee (@moonthree) on CodePen.
버튼이 화면에서 사라지고,
화면 공간을 차지하지 않게 되어
숨기기/보이기 버튼의 위치가 바뀌는 모습 확인
visibility
See the Pen Untitled by lee (@moonthree) on CodePen.
버튼이 화면에서 사라졌지만,
여전히 화면의 한 영역을 차지하고 있는 모습 확인