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

Question

这个问题已经有答案了:

How can I log an HTML element as a JavaScript object? (3 个回答)

已关闭 3 年前。

情况一:(任何一般对象)

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-struct”(理想情况下我不应该得到)。

现在，有人可以告诉我为什么会发生这种情况吗？如何在 window.document 中获得正确的结构而不是 html dom？

console.log(窗口);

console.log(window.document);

Now, Can someone please help me understand the issue of why 'window.document' is not providing proper structure of object -- which it should?

Answer 1

当您 console.log 任何 DOM 元素时，Chromium 将在控制台中显示该元素的 HTML 结构。如果您想检查对象的 Javascript 属性，则必须使用 console.dir:

(这样做的主要缺点是 console.dir 只接受一个对象作为参数，但 console.log 可以一次记录多个参数)