在Chrome调试器中将DOM元素视为对象

Question

是否可以使用Chrome的调试器（或其他调试工具）将DOM元素视为对象？

也就是说，如果我在Chrome的控制台中创建一个常规对象，我就能检查它的元素。

> o = {}
  - Object
    - __proto__
      - __defineGetter__
      - etc

但是，如果我创建一个新的DOM元素，调试器会显示其HTML内容。

> p = document.createElement('p')
  <p></p>

我想将变量p视为一个对象。我没有看到<p></p>，而是希望看到它的属性（正如您在上面查看o时所做的那样）

这在调试器中是否可行？

Answer 1

也许console.dir()就是你所追求的。

> p = document.createElement('p')
    <p></p>
> console.dir(p)
    - HTMLDivElement
        align: ""
        ...

以下图片来自Google Chrome Console Tools docs