下面的內容來自國外的論壇，比較簡單，相信大家可以看得懂，因為最近我實在是太忙了，沒時間慢慢整理，所以暫時先這樣貼出來。 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和处理的一些方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。