Web/API/DocumentOrShadowRoot/styleSheets

This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

The styleSheets read-only property of the DocumentOrShadowRoot interface returns a StyleSheetList of CSSStyleSheet objects, for stylesheets explicitly linked into or embedded in a document.

Examples

function getStyleSheet(unique_title) {
  for (var i=0; i<document.styleSheets.length; i++) {
    var sheet = document.styleSheets[i];
    if (sheet.title == unique_title) {
      return sheet;
    }
  }
}

Notes

The returned list is ordered as follows:

• StyleSheets retrieved from <link> headers are placed first, sorted in header order.
• StyleSheets retrieved from the DOM are placed after, sorted in tree order.

Specifications

Specification	Status	Comment
Shadow DOMThe definition of 'DocumentOrShadowRoot' in that specification.	Obsolete	Initial definition.

Browser compatibility

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
styleSheets Experimental'	Chrome Full support 53	Edge Full support 12	Firefox Full support 63	IE Full support Yes	Opera Full support 40	Safari Full support Yes	WebView Android Full support 53	Chrome Android Full support 53	Firefox Android Full support 63	Opera Android Full support 41	Safari iOS Full support Yes	Samsung Internet Android Full support 6.0

Legend

Full support  

Full support

Experimental. Expect behavior to change in the future.'

Experimental. Expect behavior to change in the future.

DocumentOrShadowRoot.styleSheets by Mozilla Contributors is licensed under CC-BY-SA 2.5.