형님들..

Question

const box &#61; document.querySelectorAll('.box-container');const closeBtn &#61; document.querySelectorAll('.xbtn'); box[0].addEventListener('click', function(){ box[1].classList.add('hidden'); box[2].classList.add('hidden'); box[3].classList.add('hidden'); box[0].classList.add('big'); closeBtn[0].classList.remove('hidden')}) closeBtn[0].addEventListener('click', function(){ box[0].classList.remove('big');})big 클래스가 추가는 되는데, 제거는 안됩니다 이거 왜그런 건가요?ㅠㅜㅠ

자바신생아 · Accepted Answer

아마 box[0] 안에 closeBtn[0]이 들어있는 형태인 것 같은데요.closeBtn[0]을 클릭한다는 건 box[0]을 클릭하는 것과 마찬가지이기 때문에closeBtn[0] 클릭 이벤트가 실행된 후 box[0] 클릭 이벤트가 실행되어서 그렇습니다.그럼 big이 지워졌다가 다시 생기겠죠?이벤트 버블링에 대해 찾아보세요.

buo12 · Answer

제거하는 코드가 없는데요,,?마지막줄 add를 remove로 바꿔보세요

형님들..

2개의 답변

Q&A 목록