新增节点后，旧集合为什么没变？

<ul id="list"><li class="item">HTML</li></ul>
<script>
  const items = document.querySelectorAll('.item');
  const node = document.createElement('li');
  node.className = 'item';
  node.textContent = 'CSS';
  document.querySelector('#list').append(node);
  console.log(items.length);
  console.log(document.querySelectorAll('.item').length);
</script>

提问：旧集合和重新查询的长度分别是多少？创建节点、插入节点与重新查询是三个什么操作？