요소.getElementsById(), querySelector() 의 차이점

getElements 선택자의 경우 html 요소 태그만 가져온다
반면 querySelector 선택자의 경우 요소node,텍스트node도 가져온다.

• 1
• 2
• 3

let ulElements = document.getElementById('color');

ulElements.children
// [li,li,li]

ulElements.childNodes
//[text,li,text,li,text,li,text,li]

이처럼 li 태그 node를 걸러서 가져오고 싶다면
ulElements.firstElementChild
ulElements.lastElementChild 등을 사용해야한다