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;
}
}, '');