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