Chrome では、
console.log(document.styleSheets);
オブジェクト要素全体が表示され、それをトラバースできます。
Firebug ではメッセージが表示され、クリックすると DOM インスペクターが開き、子を参照できます。
しかし、私がこれを行うとき:
for (var S = 0; S < document.styleSheets.length; S++){
if(document.styleSheets[S][cssRuleCode]){
for(var n = 0; n < document.styleSheets[S][cssRuleCode].length; n++) {
console.log(document.styleSheets[S][cssRuleCode][n]);
ファイアーバグショー
CSSStyleRule { constructor=CSSStyleRule, parentStyleSheet=CSSStyleSheet, style=CSSStyleDeclaration, more...}
それをクリックすると、CSS エントリが開くだけで、子情報はありません。
Firefox の JS コンソール (Firebug の有無にかかわらず) で詳細なオブジェクト表現を取得するにはどうすればよいですか?