StyleSheetList - 表示 StyleSheet 的列表

StyleSheetList 接口表示 StyleSheet 的列表。

它是一个类似数组的对象，但无法使用 Array 方法进行迭代。但是，可以使用标准的 for 循环对其进行迭代。也可以将其转换为 Array。

实例

使用 for 循环获取文档的 styleSheet 对象

for (let i = 0; i < document.styleSheets.length; i++) {
  let styleSheet = document.styleSheets[i];
}

使用 Array 方法获取文档的所有 CSS 规则

const allCSS = [...document.styleSheets]
  .map(styleSheet => {
    try {
      return [...styleSheet.cssRules]
        .map(rule => rule.cssText)
        .join('');
    } catch (e) {
      console.log('拒绝访问样式表 %s。忽略...', styleSheet.href);
    }
  })
  .filter(Boolean)
  .join('\n');

规范

规范	状态	备注
CSS Object Model (CSSOM) CSSStyleSheetList 的定义	工作草案	-

桌面浏览器兼容性

移动浏览器兼容性