StyleSheetList
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
StyleSheetLists 接口表示一个 StyleSheet 的列表。
这是一个像数组一样的对象，但是不能使用数组方法进行遍历。但是它可以通过 for 循环遍历其下标，或者把它转换成数组。
范例
使用 for 循环获取文档 styleSheet 对象
for (var i=0; i < document.styleSheets.length; i++){
var styleSheet = document.styleSheets[i];
}
使用 Array 方法获取文档的所有 CSS 规则
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;
}
}, '');