ページに反映されているすべてのスタイルシートを配列（オブジェクト）で取得
ページに反映されているすべてのスタイルシートを配列（オブジェクト）で取得するには、document.styleSheetsオブジェクトを使用します。
また、数を取得したい場合は、lengthプロパティを使用します。
ページで読み込んでいるすべてのスタイルシートファイルとstyle要素を得られます。
構文
var styleSheetsObj = document.styleSheets;戻り値
配列（オブジェクト）を返します。
サンプルコード
JavaScript
var styleSheetsObj = document.styleSheets;
alert(styleSheetsObj.length);順番について
document.styleSheetsオブジェクトは、読み込みあるいはstyle要素が書かれている順番で格納されています。
例えば、次のようなHTMLが書かれていた場合は、上から下に向かった順番で格納されます。
HTML
<!-- 0 -->
<link rel="stylesheet" media="all" href="style1.css" />
<!-- 1 -->
<style type="text/css">
...
</style>
<!-- 2 -->
<link rel="stylesheet" media="all" href="style2.css" />
<!-- 3 -->
<style type="text/css">
...
</style>JavaScript
// style2.cssのオブジェクトが得られる
var styleSheetsObj = document.styleSheets[2];