この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。
The StyleSheetList
interface represents a list of StyleSheet
.
It is an array-like object but can't be iterated over using Array
methods. However It can be iterated over in a standard for
loop over its indices, or converted to an Array
.
Examples
Get document styleSheet objects with for loop
for (var i=0; i < document.styleSheets.length; i++){ var styleSheet = document.styleSheets[i]; }
Get all CSS rules for the document using Array methods
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; } }, '');
Specifications
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) The definition of 'CSSStyleSheetList' in that specification. |
Working Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Basic support | Chrome Full support 1 | Edge ? | Firefox Full support 31 | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android ? |
item | Chrome Full support 1 | Edge ? | Firefox Full support 31 | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android ? |
length | Chrome Full support 1 | Edge ? | Firefox Full support 31 | IE ? | Opera Full support Yes | Safari ? | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 31 | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown