[Javascript] HTML 요소 숨기기, 보이기 이벤트 처리

Web/자바스크립트|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

버튼이 화면에서 사라지고,

화면 공간을 차지하지 않게 되어

숨기기/보이기 버튼의 위치가 바뀌는 모습 확인

visibility

버튼이 화면에서 사라졌지만,

여전히 화면의 한 영역을 차지하고 있는 모습 확인

저작자표시

'Web > 자바스크립트' 카테고리의 다른 글

[자바스크립트] 변수  (0) 2022.10.19
[자바스크립트] sort()  (0) 2022.10.19
[JavaScript] Selector  (1) 2022.10.01
[JavaScript] function - parameter  (0) 2022.09.28
[JavaScript] function 기초  (0) 2022.09.28

댓글()

티스토리툴바