javascript - 在 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 控制台工具文档