StyleSheetList

StyleSheetList インターフェイスは  StyleSheet のリストを表します。

これは配列風のオブジェクトですが、Array のメソッドを適用しての反復処理はできません。しかし標準の for ループと添字による反復処理、もしくは  Array への変換ができます。

例

for ループを使用して document styleSheet オブジェクトを取得

for (var i=0; i < document.styleSheets.length; i++){
  var styleSheet = document.styleSheets[i];
}

Array のメソッドを適用してすべての CSS ルールを取得

var allCSS = 
    [].slice.call(document.styleSheets)
        .reduce(function (prev, styleSheet) {
            if (styleSheet.cssRules) {
                return prev +
                    [].slice.call(styleSheet.cssRules)
                        .reduce(function (prev, cssRule) {
                            return prev + cssRule.cssText;
                        }, '');
            } else {
                return prev;
            }
        }, '');

仕様

ブラウザー実装状況