firstElementChild vs firstChild

firstElementChild

Element.firstElementChild

• 읽기 전용 속성
• 부모요소의 첫번째 자식요소 반환
• 자식요소가 없을 경우 null 반환

firstChild

Element.firstChild

• 트리에서 노드의 첫번째 자식 반환
• 노드에 자식요소가 없으면 null 반환

const list = document.getElementById('list');
console.log(list.firstElementChild.textContent, 'firstElementChild');
console.log(list.firstChild, 'firstChild');