奇怪的是，window.document 没有返回理想情况下应该返回的正确对象。为什么？

Question

案例一：（任何一般对象）

Obj1 = {

 name: "Jack",

 age: 21,

 address: {

  city: "New York",

  street: "Black Street",

  house_no: 39

 }

}

现在，console.log(Obj1.address) 我会得到：

 {

  city: "New York",

  street: "Black Street",

  house_no: 39

 }

案例二：Window.document

应用相同的逻辑 - 首先我会做console.log(window)，然后console.log(window.document)。但是，现在我没有得到 window.document 的正确结构（理想情况下我应该得到），而是得到了“dom-structure”（理想情况下我不应该得到）。

现在，有人能告诉我为什么会这样吗？如何在 window.document 而不是 html dom 中获得正确的结构？

控制台.log（窗口）；

控制台.log(window.document);

现在，有人可以帮我理解为什么“window.document”没有提供正确的对象结构的问题——它应该提供吗？

Answer 1

当您使用console.log任何 DOM 元素时，Chromium 将在控制台中显示该元素的 HTML 结构。如果要检查对象的 Javascript 属性，则必须console.dir改用：（这样做的主要缺点是console.dir只接受一个对象作为参数，但console.log可以一次记录多个参数）