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

View in English Always switch to English

DocumentOrShadowRoot.styleSheets

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

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(译注:先序深度优先遍历树)规则进行排序

规范

规范
CSS Object Model (CSSOM)
# dom-documentorshadowroot-stylesheets

浏览器兼容性