정적 노드 리스트와 동적 노드 리스트

    <ul>
      <li>item1</li>
      <li>itme2</li>
      <li>itme3</li>
    </ul>

새로운 요소 노드를 추가했지만 listItem에는 보이지 않는다.
그 이유는 querySelecorAll()메서드는 DOM의 스냅샷에서 가져오기 때문이다. 이러한 이유로 배열을 업데이트하지 않는다.

하지만 getElementByTagName()으로 가져온 배열은 최근에 추가한 요소를 포함하는데 이는 항상 라이브로 연결되는 것을 의미한다.