相关疑难解决方法(0)

我想在Google Chrome Web Developer Tools中检查DOM对象的属性,因此我console.debug();使用DOM元素作为参数调用:

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小提琴

但是,Chrome控制台只是在调用时显示元素的HTML,console.debug();并且不会显示DOM节点对象的任何javascript属性.

如何在Chrome Developer中查看DOM对象的属性？我正在使用Mac.