如何使用jQuery / Javascript修改外部CSS文件的属性 [英] How modify a property of external CSS file using jQuery / Javascript
本文介绍了如何使用jQuery / Javascript修改外部CSS文件的属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用更改外部CSS文件的属性javascript / jquery
示例;在我正在使用的网页中:
Example; in the of the web page I'm using:
<!-- Star rating -->
<link href="css/star-rating.min.css" rel="stylesheet" />
我想访问并更改特定样式的颜色(在外部CSS中找到):
And I want to access and change the color of specific style (Found in the external CSS):
是否存在使用JavaScript或jQuery执行此操作的方法?
Exists a method using JavaScript or jQuery to do that?
推荐答案
我创建了一个js方法来实现这个目的:
I create a js method to achieve this:
function getStyleSheet(cssName, rule) {
for (i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].href.toString().indexOf(cssName) != -1)
for (x = 0; x < document.styleSheets[i].rules.length; x++) {
if (document.styleSheets[i].rules[x].selectorText.toString().indexOf(rule) != -1)
return document.styleSheets[i].rules[x];
}
}
return null;
}
要更改任何属性,只需要以下内容:
To change any property only is required the following:
getStyleSheet('star-rating', '.rating-container .rating-stars').style.color = "#AFAFAF";
这篇关于如何使用jQuery / Javascript修改外部CSS文件的属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文