С этим конкретным примером (где CSS находится в том же домене, что и страница), вы можете прочитать файл как текст через ajax
:
$.ajax({
url: "/path/to/file.css",
dataType: "text",
success: function(cssText) {
// cssText will be a string containing the text of the file
}
});
Если вы хотите получить доступ к информации более структурированным способом, document.styleSheets
представляет собой массив таблиц стилей, связанных с документом. Каждая таблица стилей имеет свойство, называемое cssRules
(или только rules
в некоторых браузерах), которое представляет собой массив текста каждого правила в таблице стилей. Каждое правило имеет свойство cssText
. Таким образом, вы можете прокручивать эти примеры, например :
$.each(document.styleSheets, function(sheetIndex, sheet) {
console.log("Looking at styleSheet[" + sheetIndex + "]:");
$.each(sheet.cssRules || sheet.rules, function(ruleIndex, rule) {
console.log("rule[" + ruleIndex + "]: " + rule.cssText);
});
});
Пример в реальном времени . В этом примере есть одна таблица стилей с двумя правилами.