Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)

by

As of 2011

Yes you can, but you will be facing cross-browser compatibility issues:

http://www.quirksmode.org/dom/changess.html

As of 2016

Browser support has improved a lot (every browser is supported, including IE9+).

  • The insertRule() method allows dynamic addition of rules to a stylesheet.

  • With deleteRule(), you can remove existing rules from a stylesheet.

  • Rules within a stylesheet can be accessed via the cssRules attributes of a stylesheet.

More Related Contents:

  1. How to get an HTML element’s style values in javascript?
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. jQuery .animate function not responding properly
  4. Syntax Higlighter For Site [closed]
  5. how i can connect and login in mysql localhost in php by using this html code
  6. how to proportionally scale a div with images inside?
  7. How to create blog posts with HTML and CSS? [closed]
  8. How to create a tag with Javascript?
  9. Navbar dropdown (collapse) is not working in Bootstrap 5
  10. Can I use HTML tags in the options for select elements? [duplicate]
  11. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  12. How to Increase browser zoom level on page load?
  13. How to connect HTML Divs with Lines? [duplicate]
  14. Why is deprecated and what is the best alternative?
  15. input type=file show only button
  16. Is there an easy way to reload css without reloading the page?
  17. Position fixed not working in mobile browser
  18. Scale a div to fit in window but preserve aspect ratio
  19. Load HTML page dynamically into div with jQuery
  20. Possible to associate label with checkbox without using “for=id”?
  21. jQuery position DIV fixed at top on scroll
  22. How to define the css :hover state in a jQuery selector?
  23. jQuery in Chrome returns “block” instead of “inline”
  24. Why does querySelector only select the first element and how can I fix this?
  25. Vue.js data-bind style backgroundImage not working
  26. Extracting text from a contentEditable div
  27. How to create a collapsing tree table in html/css/js?
  28. Prevent iOS bounce without disabling scroll ability
  29. How to remove jQuery Mobile styling?
  30. IE6 Hover Issue

Leave a Comment