我正在尝试编写一个函数,该函数将接收要更新的 CSS 规则以及用于更新规则的 CSS,到目前为止,我有以下内容:
getCSSRule:function(getRule, newRule){
var styles=document.styleSheets;
for(var i=0,l=styles.length; i<l; ++i){
var sheet=styles[i];
if(sheet.title === "style"){
var rules=sheet.cssRules;
for(var j=0, l2=rules.length; j<l2; j++){
var rule=rules[j];
// SELECT APPROPRIATE RULE IN STYLESHEET
if(getRule === rule){
// LOSE IT HERE
};
};
};
};
},
到目前为止,代码有效。它查找所有样式表,按标题定位一个,然后遍历该样式表的规则。我现在遇到的问题是将 getRule(传递给函数的 CSS 规则名称)与 CSS 中的规则进行比较。我是使用 document.styleSheets 的新手,发现结构有些混乱。任何帮助是极大的赞赏。谢谢!