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

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

javascript google-chrome dom

Javascript 在Chrome调试器中将DOM元素视为对象,javascript,google-chrome,dom,Javascript,Google Chrome,Dom,是否可以使用Chrome的调试器（或其他调试工具）将DOM元素视为对象也就是说，如果我在Chrome的控制台中创建一个常规对象，我就能够检查它的元素 > o = {} - Object - __proto__ - __defineGetter__ - etc 但是，如果我创建一个新的DOM元素，调试器将显示其HTML内容 > p = document.createElement('p') <p></p> p=doc

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

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

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

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

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

p=document.createElement（'p'）

我想将变量

视为一个对象。我不想看到

，而是想看到它的属性（正如您在上面查看

时所做的那样）

这在调试器中是可能的吗？

可能是

console.dir（）

是您想要的

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

p=document.createElement（'p'）

>控制台目录（p） -HTMLDivelment 对齐：“” ... 下面的图片来自