关于document.body.lastChild的一点疑问

Question

关于document.body.lastChild小弟有一事不明，还望各位大神能够指引，小弟在此谢过，代码如下：

console.log(document.body.childNodes);
console.log(document.body.lastChild);
for (let i = 0; i < document.body.childNodes.length; i++) {
    console.log(document.body.childNodes[i]);
}

执行结果如下：

为什么第一行代码得到的NodeList的length属性是3，但是document.body.lastChild显示的却是script标签元素，而for循环也只是输出了两个元素？？？

Answer 1

我猜你的文档结构是下面这样的。

漏了一问：document.body.lastChild显示的是script标签是因为代码运行的时候，第三个节点还没有加载