modify a css rule object with javascript [duplicate]

by

You could use the cssRules on the DOM stylesheet object corresponding to your original stylesheet to modify your rule.

var sheet = document.styleSheets[0];
var rules = sheet.cssRules || sheet.rules;

rules[0].style.color="red";

Note that IE uses rules instead of cssRules.

Here is a demonstration: http://jsfiddle.net/8Mnsf/1/

More Related Contents:

  1. How to create a translucent in React Native?
  2. Refresh/reload the content in Div using jquery/ajax
  3. How to transform black into any given color using only CSS filters
  4. Animate element to auto height with jQuery
  5. Prevent zoom cross-browser
  6. Is there a way to have content from an IFRAME overflow onto the parent frame?
  7. Setting vendor-prefixed CSS using javascript
  8. Modifying CSS class property values on the fly with JavaScript / jQuery
  9. Detect change in orientation using javascript
  10. How to ensure a form field is submitted when it is disabled?
  11. How to auto-scroll to end of div when data is added? [duplicate]
  12. Disable dragging an image from an HTML page
  13. javascript change background color on click [closed]
  14. Use a new CSS file to override current website’s
  15. CSS Animation onClick
  16. How to make changeable themes using CSS and JavaScript
  17. CSS: Change parent on focus of child
  18. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  19. Check if element is between 30% and 60% of the viewport
  20. Fade background image in and out with jQuery?
  21. DIV Vertical Scroll bar on left
  22. CSS /JS to prevent dragging of ghost image?
  23. using css modules how do I define more than one style name
  24. Wrapping lists into columns
  25. How to optimize website for touch devices
  26. How do I dynamically adjust css stylesheet based on browser width?
  27. Polymer share styles across elements
  28. How do I put a clear button inside my HTML text input box like the iPhone does?
  29. Possible to reverse a css animation on class removal?
  30. Performance impact of using css / javascript source-maps in production?

Leave a Comment