인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Youngmin Wi님의 프로필 이미지
Youngmin Wi

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

3개의 문 5

각 아이템 Door 를 찾아가는 과정에 있어서 질문이 있습니다.

작성

·

192

0

안녕하세요 선생님.
일단 인터랙티브한 UI 개발능력이 필요해서 이 수업을 듣게 되었는데요.

공부라기엔...너무 재밌게 듣고있습니다. 감사합니다.

질문은 현재, 저희 예제 같은 경우는 door 클래스 안에, 바로 다음 depth 에 door-body 클래스가 있어서
door-body 일때, 바로, parentNode 속성으로 해당 door-body의 door 에 접근을 했습니다.

그런데 만약, HTML 코드의 depth 가 내부적으로 더 깊게 구성이 되어 있다면, 이전 시간에 언급해주셨던, "while문" 같이 반복문을 통해서 DOM Tree 를 타고 올라가면서 원하는 타겟요소를 찾는게 가장 베스트일까요 ??

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

어떤게 제일이라기 보다는 상황에 맞추어 사용하시면 되는데요,
일단 이벤트 위임 영상에도 다루고 있는 CSS pointer-events: none;을 활용하시는게 제일 간단하다고 생각됩니다. 그 외에 closest라는, 가장 가까운 부모요소를 찾을 수있는 메소드도 있는데 이제까지는 IE에서 지원하지 않아서 잘 쓰지 않았었는데, 곧 IE가 사라질 예정이라 이제 써도 괜찮다고 판단됩니다.
https://developer.mozilla.org/ko/docs/Web/API/Element/closest
이것도 한번 같이 살펴보시면 좋을 것 같아요^^

Youngmin Wi님의 프로필 이미지
Youngmin Wi

작성한 질문수

질문하기