StyleSheetList

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

L'interface StyleSheetList représente une liste de StyleSheet.

Il s'agit d'un objet de type array, mais qui ne peut pas être itéré à l'aide de la méthode Array. Il peut néanmoins être itéré dans une boucle for standard en utilisant ses indices, ou converti en un Array.

Exemple

js
// Récupère toutes les règles CSS du document en cours en utilisant les méthodes de Array
var allCSS = [].slice
  .call(document.styleSheets)
  .reduce(function (prev, styleSheet) {
    if (styleSheet.cssRules) {
      return (
        prev +
        [].slice.call(styleSheet.cssRules).reduce(function (prev, cssRule) {
          return prev + cssRule.cssText;
        })
      );
    } else {
      return prev;
    }
  });