Получение всей CSS используется в файле HTML

Для встроенных таблиц стилей вы можете получить содержимое из обычной модели DOM, как и с любым другим элементом:

document.getElementsByTagName('style')[0].firstChild.data

Для внешних таблиц стилей, ссылка ed, это более проблематично. В современных браузерах вы можете получить текст каждого правила (включая встроенные, связанные и @imported таблицы стилей) из свойства document.styleSheets []. CssRules []. CssText .

К сожалению, IE не поддерживает реализовать этот DOM Level 2 Style / стандарт CSS , вместо этого используя свою собственную, слегка отличающуюся версию интерфейсов StyleSheet и CSSRule. Итак, вам нужен код для отслеживания и перехода для воссоздания правил в IE, и текст может не совпадать с оригиналом. (В частности, IE будет ЗАГЛАВНЫМИ ЗАГЛАВНЫМИ БУКВАМИ имена ваших свойств и потерять пробелы.)

var css= [];

for (var sheeti= 0; sheeti<document.styleSheets.length; sheeti++) {
    var sheet= document.styleSheets[sheeti];
    var rules= ('cssRules' in sheet)? sheet.cssRules : sheet.rules;
    for (var rulei= 0; rulei<rules.length; rulei++) {
        var rule= rules[rulei];
        if ('cssText' in rule)
            css.push(rule.cssText);
        else
            css.push(rule.selectorText+' {\n'+rule.style.cssText+'\n}\n');
    }
}

return css.join('\n');