<javascript> 객체요소의 선택

오늘 정리할 javascript의 내용은
html의 구조에서 부모요소, 자식요소, 형제요소를 각 선택하는 방법이다.

이전에 언급한대로 선택자의 경우 변수를 활용하여 진행되었다.

1. 부모요소의 선택
· 선택자.parentElement : 직계부모
· 선택자.closest('선택할 상위부모객체') : 직계부모제외

2. 자식요소의 선택
· 선택자. children
- 이 때 자식요소를 배열값으로 가져오게 됨에 따라 for구문 활용 

3. 형제객체의 선택 
· 선택자.previousElementSibling : 기준객체 앞 형제요소
· 선택자.nextElementSibling : 기준객체 뒤 형제요소

console.log값 참고