StyleSheetList
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 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;
}
});