document.styleSheetsは、StyleSheetオブジェクトの配列を返すプロパティ。
StyleSheetオブジェクトには、埋め込んだスタイルシートとリンクしたスタイルシートの両方が含まれる。
構文
$styleSheets = document.styleSheets;
戻り値
StyleSheetオブジェクトの配列。
サンプル
StyleSheetオブジェクトの数：
サンプルの動作について
「styleSheets」ボタンをクリックすると、「StyleSheetオブジェクトの数：」の右横に「」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleGetFormsLength() {
var $nodeList = document.styleSheets;
document.getElementById( "sample" ).innerHTML = $nodeList.length;
}
</script>
function sampleGetFormsLength() {
var $nodeList = document.styleSheets;
document.getElementById( "sample" ).innerHTML = $nodeList.length;
}
</script>
HTML
<button onclick="sampleGetFormsLength();">styleSheets</button>
<div style="margin: 1em;">
StyleSheetオブジェクトの数：<span id="sample"></span>
</div>
<div style="margin: 1em;">
StyleSheetオブジェクトの数：<span id="sample"></span>
</div>