2016-01-11 33 views
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改變?

回答