[JS]Dom 요소에 접근하는 방법

어떤 요소에 접근하고 싶을 때 그 요소의 종류에 따라 다른 방법을 적용한다.

자식요소에 접근하고 싶으면 쿼리셀렉터나 칠드런을 사용한다.

자식요소 탐색
: 부모요소.querySelector()
: 부모요소.children

형제요소는 이전 형제 요소나 다음 형제 요소에 접근할 때

형제요소 탐색
: 이전 형제요소 탐색 : 형제요소.previousElementSiBling
: 다음 형제요소 탐색 : 형제요소.nextElementSibling

부모요소는 가장 가까운 상위 부모요소는 parentElement를 쓰면 되고, 그보다 먼 조상을 찾으려면 closest("#찾는요소") 이렇게 식별자와 함께 써주면 된다.

부모요소 탐색
: 부모요소.parentElement;
: 부모요소.closest()