JavaScript: leggere le regole dei file CSS di una pagina

JavaScript: leggere le regole dei file CSS di una pagina

In JavaScript è semplice leggere le regole dei fogli di stile CSS.

La soluzione è la seguente:


'use strict';

const readRules = (css = 0) => {
    let styleSheet = document.styleSheets[css];
    let rules = styleSheet.cssRules;
    let data = [];
    for(let i = 0; i < rules.length; i++) {
        let rule = rules[i];
        if (!rule.selectorText) {
            continue;
        }
        let datum = {
            selector: rule.selectorText,
            styles: rule.style.cssText

        };
        data.push(datum);
    }
    return data;
};

Torna su