<DOM (Document Object Model)>

• 노드타입

1. 요소노드 : 태그를 표현 (ex. head/body/h1/h2 등등)
2. 텍스트노드(leaf node) : 문자를 표현 (보통 요소노드의 자식노드로 따로 자식노드를 가질수없다!)

*다른 노드들도 많지만 일단 두개만 알고갈것

---

const myTag = document.querySelector('#list-1');
console.log(myTag);

• 형제 요소 노드

console.log(myTag.previousElementSibling); //이전 형제요소
console.log(myTag.nextElementSibling); //다음 형제요소

• 부모 요소 노드

console.log(myTag.parentElement);

• 자식 요소 노드

console.log(myTag.children[1]);
console.log(myTag.firstElementChild);
console.log(myTag.lastElementChild);