10

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を使用しています。</p>

4

4 に答える 4

3

やりたいことは、属性タグを最後に追加することです。これは、属性の配列を返します。実際にこれを行うには JavaScript キットが必要になる場合がありますが、属性の数に関係なく、ループを使用して属性を通過することができます。

sourceAttributes = document.getElementsByTagName('source')[0].attributes
for(int i=0; i<sourceAttributes.length; i++) {
    console.debug(sourceAttributes[i]);
}
于 2012-07-08T04:59:43.260 に答える