언어/JavaScript
DOM(문서객체모델)
홍시_코딩기록
2022. 5. 20. 16:36
▶classList add/remove/contains
- 사이트를 열었을 때 사이드바가 안보이는 상태이기 때문에 !(부정) 사용
- toggle 을 사용하지 않았을 때의 방법으로 if 사용해봄.
▶classList add/remove
- 버튼이 여러개라서 querySelectorALL 사용
- function의 bb를 그대로 사용하지 못해서 변수값 let num=0 지정
▶classList add/remove
- .list img의 개수가 여러개기 때문에 querySelectorALL 사용
- .list img의 이미지를 onclick하면 클래스 active 발생
- elpopImage.src = this.src : 팝업창이 이미지 주소는 내가 클릭하는 이미지
- num = bb : 몇번째 배열의 아이템을 눌렀는지 알아온 뒤 변수 num에 넣어줌
- let elTotal = elList.length; : 썸네일의 개수