DocumentOrShadowRoot.styleSheets

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

styleSheets DocumentOrShadowRoot 接口定义的只读属性,它会返回一个 StyleSheetList / CSSStyleSheet 对象,这个对象对应的是通过引入或者嵌入文档中的样式表。

示例代码

js
function getStyleSheet(unique_title) {
  for (var i = 0; i < document.styleSheets.length; i++) {
    var sheet = document.styleSheets[i];
    if (sheet.title == unique_title) {
      return sheet;
    }
  }
}

说明

返回的列表中,排序规则如下:

  • header 标签中通过 link 标签引入的样式优先,多个 link 样式表以出现顺序排序
  • 接着是在文档中定义的样式表,存在多个这样的样式表时,以tree order(译注:先序深度优先遍历树)规则进行排序

规范

Specification
CSS Object Model (CSSOM)
# dom-documentorshadowroot-stylesheets

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
styleSheets

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support