javascript - 如何通过 javascript 获取 css 文件文本？

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

另一种无需实际访问样式表即可访问 CSS 规则的方法是创建一个元素，对其应用规则，然后使用 jQuery 访问其属性。像这样:

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

不确定这是否有帮助，但这是一个想法。你到底想做什么？

编辑:

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

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

这是来自答案 here 我添加了一个 jsFiddle 请注意，您必须选择正确的样式表索引。