어떤 요소에 접근하고 싶을 때 그 요소의 종류에 따라 다른 방법을 적용한다.
자식요소에 접근하고 싶으면 쿼리셀렉터나 칠드런을 사용한다.
자식요소 탐색
: 부모요소.querySelector()
: 부모요소.children
형제요소는 이전 형제 요소나 다음 형제 요소에 접근할 때
형제요소 탐색
: 이전 형제요소 탐색 : 형제요소.previousElementSiBling
: 다음 형제요소 탐색 : 형제요소.nextElementSibling
부모요소는 가장 가까운 상위 부모요소는 parentElement를 쓰면 되고, 그보다 먼 조상을 찾으려면 closest("#찾는요소") 이렇게 식별자와 함께 써주면 된다.
부모요소 탐색
: 부모요소.parentElement;
: 부모요소.closest()
총총