• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

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

21.08.16 20:12 작성 조회수 126

0

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

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

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

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

답변 1

답변을 작성해보세요.

0

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