This is an experimental technology
Check 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.


var styleSheetList = document.styleSheets;


The returned object is a StyleSheetList of CSSStyleSheet objects.


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;



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.


Specification Status Comment
Shadow DOM
The definition of 'DocumentOrShadowRoot' in that specification.
Working Draft Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support53 Yes Yes Yes40 Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support5353 Yes Yes40 Yes6.0

Document Tags and Contributors

Contributors to this page: wbamberg, fscholz, chrisdavidmills, david_ross, jpmedley
Last updated by: wbamberg,