How to dynamically create CSS class in JavaScript and apply?

by

Here is an option:

var style = document.createElement('style');
style.type="text/css";
style.innerHTML = '.cssClass { color: #F00; }';
document.getElementsByTagName('head')[0].appendChild(style);

document.getElementById('someElementId').className="cssClass";

More Related Contents:

  1. How to get an HTML element’s style values in javascript?
  2. Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)
  3. Is there an easy way to reload css without reloading the page?
  4. Access CSS file contents via JavaScript
  5. Can jQuery change css style definition? (not individual css of each element)
  6. jQuery equivalent of YUI StyleSheet Utility?
  7. Get Element StyleSheet Style in JavaScript
  8. How to do this mouse over effect in jquery?
  9. How to change the style of alert box?
  10. Determine if an HTML element’s content overflows
  11. How do I simulate a hover with a touch in touch enabled browsers?
  12. Change link color of the current page with CSS
  13. Is there a way to make text unselectable on an HTML page? [duplicate]
  14. How can I let a table’s body scroll but keep its head fixed in place?
  15. Parsing CSS in JavaScript / jQuery
  16. Determine if an element has a CSS class with jQuery
  17. Why write when the mime type is set by the server?
  18. Show loading image while $.ajax is performed
  19. How to select all checkboxes with jQuery?
  20. How to convert unordered list into nicely styled dropdown using jquery?
  21. Responsive horizontal page sliding
  22. Need to find height of hidden div on page (set to display:none)
  23. change background image in body
  24. CSS fade left to right
  25. What are some good ways to prevent people from copying my source code? [closed]
  26. using css modules how do I define more than one style name
  27. IIS 7.5 no images css js showing
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. Polymer share styles across elements
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment