创建CSS和处理的一些方法

下面的内容来自国外的论坛，比较简单，相信大家可以看得懂，因为最近我实在是太忙了，没时间慢慢整理，所以暂时先这样贴出来。 createCSSSelector(".a","display:none;display:block"); function getCSSRule(ruleName, deleteFlag) { // Return requested style obejctruleName=ruleName.toLowerCase(); // Convert test string to lower case.if (document.styleSheets) { // If browser can play with stylesheetsfor (var i=0; i<document.styleSheets.length; i++) { // For each stylesheetvar styleSheet=document.styleSheets[i]; // Get the current Stylesheetvar ii=0; // Initialize subCounter.var cssRule=false; // Initialize cssRule.do { // For each rule in stylesheetif (styleSheet.cssRules) { // Browser uses cssRules?cssRule = styleSheet.cssRules[ii]; // Yes --Mozilla Style} else { // Browser usses rules?cssRule = styleSheet.rules[ii]; // Yes IE style.} // End IE check.if (cssRule) { // If we found a rule...if (cssRule.selectorText.toLowerCase()==ruleName) { // match ruleName?if (deleteFlag=='delete') { // Yes. Are we deleteing?if (styleSheet.cssRules) { // Yes, deleting...styleSheet.deleteRule(ii); // Delete rule, Moz Style} else { // Still deleting.styleSheet.removeRule(ii); // Delete rule IE style.} // End IE check.return true; // return true, class deleted.} else { // found and not deleting.return cssRule; // return the style object.} // End delete Check} // End found rule name} // end found cssRuleii++; // Increment sub-counter} while (cssRule) // end While loop} // end For loop} // end styleSheet ability checkreturn false; // we found NOTHING! } // end getCSSRulefunction killCSSRule(ruleName) { // Delete a CSS rule return getCSSRule(ruleName,'delete'); // just call getCSSRule w/delete flag. } // end killCSSRulefunction addCSSRule(ruleName) { // Create a new css ruleif (document.styleSheets) { // Can browser do styleSheets?if (!getCSSRule(ruleName)) { // if rule doesn't exist...if (document.styleSheets[0].addRule) { // Browser is IE?document.styleSheets[0].addRule(ruleName, null,0); // Yes, add IE style} else { // Browser is IE?document.styleSheets[0].insertRule(ruleName+' { }', 0); // Yes, add Moz style.} // End browser check} // End already exist check.} // End browser ability check.return getCSSRule(ruleName); // return rule we just created. }console.log(getCSSRule(".a"));

总结

以上是生活随笔为你收集整理的创建CSS和处理的一些方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。