js_DOM_02_nodes(부모/자식/형제)

참고 :

• 영상자료 :
  https://www.youtube.com/watch?v=XGKdimCHzw8&list=RDCMUCxft4RZ8lrK_BdPNz8NOP7Q&index=2

---

List Type

• nodeList : 선언된 그대로 적용.
• htmlCollection : 자동으로 변경 상태 반영.

---

자식

const test = document.getElementById('color');
test.childNodes; // nodeList type;
test.children; // collection type; // 일반적인 요소들

// 주로 사용됨
test.firstElementChild;
test.lastElementChild;

childNodes

• text, comment와 같은 요소 포함.

형제

const t2 = document.getElementById('xxx');

t2.previousElementSibling; // xxx 이전 형제
t2.nextElementSibling; // xxx 이후 형제