Как я могу получить текст файла css через javascript?

Question

Если у меня есть тег стиля на моей странице с css в нем, и я пишу следующий javascript, я получу текст css всех тегов стиля.

//compatibility: all 
$("style").each(function() { 
    alert($(this).text()); 
}); 

Я хочу получить тот же текст из всех css-файлов ссылок, как и следующий скрипт.

//compatibility: IE Only 
$("link").each(function(){ 
    alert(this.sheet.cssText); 
}); 

Есть ли перекрестная современная версия браузера, описанная выше?

Answer 1

Единственным возможным решением является использование AJAX:

$("link").each(function(){ 
    $.get(this.href, function(css){ 
     alert(css); 
    }); 
}); 

Или вы можете использовать document.styleSheets

Вы можете перебирать таблицы стилей:

var styleSheets = document.styleSheets; 
for(var i = 0; i < styleSheets.length; i++){ 
    alert(styleSheets[i].cssRules) 
} 

Answer 2

Другой способ доступа к CSS правило без фактического доступа к таблице стилей - это создать элемент, применить к нему правило и затем получить доступ к его свойствам с помощью jQuery. Что-то вроде этого:

var NewElement = $('.SomeClass'); 
var TheHeight = NewElement.prop('height'); 

Не уверен, что это поможет, но это идея. Что вы пытаетесь сделать в любом случае?

Edit:

var sheet = document.styleSheets[0]; 
var rules = sheet.cssRules || sheet.rules; 

rules[0].style.color = 'red'; 

Это из ответа here Я добавил jsFiddle Обратите внимание, что вы должны выбрать правильный индекс таблицы стилей.