0
即時通訊在Firefox瀏覽器上嘗試更改CSS類上的選擇器文本時,我正面臨一個問題。在Firefox瀏覽器中更改cssClass.selectorText
我曾嘗試:
for (var i = 0; i < document.styleSheets.length; i++) {
styleSheet = document.styleSheets[i];
for (var j = 0; j < styleSheet.cssRules.length; j++) {
rule = styleSheet.cssRules[j];
// identifies the keyframe rule bearing the same name as the class without the point in the beginning
if ((rule.type == rule.KEYFRAMES_RULE || rule.type == rule.WEBKIT_KEYFRAMES_RULE) && rule.name === className.substr(1)) {
keyframesRule = rule;
}
// identifies the class rule named like the function argument effect
if (rule.selectorText == className) {
animationRule = rule;
mainSheet = styleSheet;
}
}
}
for (var l = 0; l < nrOfElements; l++) {
classAttributes = animationRule.cssText;
mainSheet.insertRule(classAttributes, mainSheet.cssRules.length);
newClasses = mainSheet.cssRules[mainSheet.cssRules.length - 1];
newClasses.selectorText = newClassName[l];
console.log(newClasses.selectorText);
console.log(newClassName[l]);
newClasses.style.setProperty((vendorPrefix + "animation-name"), newClassName[l].substr(1));
}
不幸的是,第一個控制檯回報.WPANIM
而第二個返回.WPANIM + incrementor
。
問:
爲什麼cssClass.selectorText
不能用別的東西,而在Firefox的browers改變?