为什么在返回实际元素之前返回null

Question

为什么在返回实际元素之前返回null？

const subNav = document.querySelector('.subnav-block');
console.log(subNav);

这是codepen，第30和31行

Answer 1

即使在渲染dom之前也记录了null，因此找不到该元素。