JavaScript StyleSheetList : Object

A list of StyleSheets. Returned from the document.styleSheets property.

Spec

Instance Indexers

this[index : Number] : StyleSheet readonly

Returns the StyleSheet at the specified index. You can also use the item() method to retrieve the item. The returned StyleSheet will generally be a CSSStyleSheet.

Example:

<style> #foo { color: red; } </style>
<style> #foo { font-weight: bold; } </style>
<span id='foo'>foo</span>
<script>
  // The following are equivalent
  var styleSheet0 = document.styleSheets[0];
  var styleSheet0Item = document.styleSheets.item(0);

  console.log(styleSheet0 === styleSheet0Item);
</script>

Run

Results:

Instance Properties

length : Number readonly

The number of StyleSheets in the list.

Example:

<style> #foo { color: red; } </style>
<style> #foo { font-weight: bold; } </style>
<span id='foo'>foo</span>
<script>
  console.log(document.styleSheets.length);
</script>

Run

Results:

Instance Methods

item(index : Number) : StyleSheet

Same as this[index].

home license contribute feedback