此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

StyleSheetList

基线 广泛可用

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