I want to examine the properties of a DOM object in Google Chrome Web Developer Tools, so I called console.debug(); with a DOM element as a parameter:

HTML:

<audio controls="controls">
  <source src="http://upload.wikimedia.org/wikipedia/commons/6/65/Star_Spangled_Banner_instrumental.ogg" type="audio/ogg" />
  Your browser does not support the audio tag.
</audio>

Javascript:

console.debug(document.getElementsByTagName('source')[0]);​

JS Fiddle

However, the Chrome console just displays the HTML of the element upon the call to console.debug(); and does not reveal any javascript properties of the DOM node object.

How do I view the properties of a DOM object in Chrome Developer? I'm using a Mac. ​

javascript google-chrome-devtools
Edit
Report