JS에서 DOM 탐색 방법 (children / parentElement /closest /previousElementSibling/nextElementSibling)

// // 특정 요소의 모든 자식 요소 탐색 방법

// const list = document.querySelector('.list');

// const items = list.children;

// console.log(items);

// // 특정 자식요소의 직계 부모 요소 탐색

// const item2 = document.querySelector('.item2');

// const parent = item2.parentElement;

// console.log(parent);

// // 직계 부모가 아닌 최상위 부모 바로 탐색

// const item = document.querySelector('.item');

// const frame = item.closest('article');

// console.log(frame);

// // 형제 요소 탐색

// const item3 = document.querySelector('.item3');

// const el2 = item3.previousElementSibling;

// console.log(el2);

// const el4 = item3.nextElementSibling;

// console.log(el4);