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 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（译注：先序深度优先遍历树）规则进行排序
规范
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-documentorshadowroot-stylesheets |
浏览器兼容性
Loading…