title: Viewing DOM Elements as Objects in Chrome debugger
body: <p>Is it possible using Chrome's debugger (or another debugging tool) to view DOM Elements as objects?</p>
  
  <p>That is, if I create a regular object in Chrome's console, I'm able to inspect its elements. </p>
  
  <pre><code>&gt; o = {}
    - Object
      - __proto__
        - __defineGetter__
        - etc
  </code></pre>
  
  <p>However, if I create a new DOM element, the debugger displays its HTML contents. </p>
  
  <pre><code>&gt; p = document.createElement('p')
    &lt;p&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I'd like to view the variable <code>p</code> as an object.  Instead of seeing <code>&lt;p&gt;&lt;/p&gt;</code>, I'd like to see it's properties (as you do when looking at <code>o</code> above)</p>
  
  <p>Is this possible in the debugger?</p>