首页 > 解决方案 > 奇怪的是,window.document 没有返回理想情况下应该返回的正确对象。为什么?

问题描述

案例一:(任何一般对象)

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”没有提供正确的对象结构的问题——它应该提供吗?

标签: javascripthtmlobjectecmascript-6

解决方案


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

在此处输入图像描述

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


推荐阅读