카테고리 없음

[Js] 부모, 자식, 형제 노드 선택하기

개린이다 2023. 3. 3. 21:32

일단 내 상황은 이랬다. 

 

const li = event.target.parentElement;

위의 코드로 부모노드인 li 를 데리고 옴!

 

근데 내가 선택하고 싶은 건 부모노드가 아니라 형제 노드인 span 이었다. 

그래서 그걸 어떻게 가져오지,, 굳이 class 나 id를 추가하고 싶지는 않은데 하고 고민했었음

 

대충 이런 식으로 부모와 자식이 되어있었음. 나는 checkbutton에 이벤트리스너 함수를 작성하는 중이었고

 

그래서 찾아봄!!

https://velog.io/@eunjeong/TIL-%EB%B6%80%EB%AA%A8-%EC%9E%90%EC%8B%9D-%ED%98%95%EC%A0%9C-%EB%85%B8%EB%93%9C%EC%B0%BE%EA%B8%B0

 

[TIL] 부모, 자식, 형제 노드찾기

기준 Element에서 부터 closest()메소드를 통해 자신부터 부모 요소 단위로 출발하여 각 요소가 지정한 선택자에 만족할 때 까지 탐색(문서 루트까지 이동), 이 중 가장 가깝게 조건에 만족한 부모 요

velog.io

 

이렇게 하면 되더라! 그러니까 나같은 경우에는 결국 span을 갖고 싶던 거니까

li.querySelector("span");

//위와 같이 li를 가지고 온 상황에서 해야함. 당연히;;

 

라 써서 span을 잘 가지고 올 수 있었음!

 

화질구지 감안