StyleSheetList

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.

Example

// Get all CSS rules for the current 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;
        }
    });

Document Tags and Contributors

Contributors to this page: teoli, KthProg, Reachmeatshivam, kscarfone, ethertank, Sheppy, Zig
Last updated by: teoli,