javascript - 为什么 console.log(document.body) 给出不同的结果？

Question

出于学习目的，我在本地页面嵌入了 console.log(document.body)，当我点击刷新时，它显示了 body 元素的属性，如 baseURL、innerHTML 等...内容。为什么会这样？ (我使用的是 Chrome43)

Answer 1

在 JavaScript 和 DOM 中，document.body 是一个对象，当您使用控制台记录它时，Chrome 会显示该对象，其中包括它的所有属性。 document.body 的内容可以在 innerHTML 属性中找到，也可以通过其他属性访问。

如果存在竞争条件并且 console.log(document.body) 在 DOM 树完成之前触发，Chrome 可能会显示对象属性而不是 DOM 树。

如果您需要 DOM 树，请尝试在正文加载后记录 document.body。