Dynamically add css to page via javascript

by

If you want to add CSS as text

var style = document.createElement('style');
style.innerHTML = 'content';
document.head.appendChild(style);

If you want to add a CSS file

var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('href', 'css/my.css');
document.head.appendChild(link);

More Related Contents:

  1. Checkout table not rendering properly on front end
  2. Different look in desktop, how to setup
  3. CSS3 transition events
  4. Prevent BODY from scrolling when a modal is opened
  5. Callback on CSS transition
  6. How to connect HTML Divs with Lines? [duplicate]
  7. list every font a user’s browser can display
  8. Equivalent of jQuery .hide() to set visibility: hidden
  9. Is there an easy way to reload css without reloading the page?
  10. ReCaptcha API v2 Styling
  11. Leaflet map not displayed properly inside tabbed panel
  12. Frosted glass look
  13. Detect CSS transitions using Javascript (and without modernizr)?
  14. Serving gzipped CSS and JavaScript from Amazon CloudFront via S3
  15. Prevent iOS bounce without disabling scroll ability
  16. How do I make an area unclickable with CSS?
  17. jquery ui autocomplete positioning wrong
  18. IE6 Hover Issue
  19. How to get CSS class property in Javascript?
  20. Perspective transform of SVG paths (four corner distort)
  21. Setting the height of a DIV dynamically
  22. Clean way to programmatically use CSS transitions from JS?
  23. How to keep elements non-refreshed
  24. How do you swap DIVs on mouseover (jQuery)?
  25. assign color to mouse cursor using CSS
  26. Center an Image vertically and horizontally using CSS
  27. Change background on button click, using CSS only? [duplicate]
  28. Jquery/Javascript Opacity animation with scroll
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment