How to create a tag with Javascript?

by

Try adding the style element to the head rather than the body.

This was tested in IE (7-9), Firefox, Opera and Chrome:

var css="h1 { background: red; }",
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

head.appendChild(style);

style.type="text/css";
if (style.styleSheet){
  // This is required for IE8 and below.
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. How to hide css and js version details from weppalyzer in PHP
  3. How to make page loaders/animations/transitions
  4. Make header and footer files to be included in multiple html pages
  5. HTML text-overflow ellipsis detection
  6. How can I let a table’s body scroll but keep its head fixed in place?
  7. Bootstrap close responsive menu “on click”
  8. Positioning element at center of screen
  9. How to make Internet Explorer emulate pointer-events:none?
  10. Using jQuery how to get click coordinates on the target element
  11. Dropdown select with images
  12. Is it possible to dynamically scale text size based on browser width?
  13. Responsive horizontal page sliding
  14. Bootstrap v2 Dropdown Navigation not working on Mobile Browsers
  15. How to build simple tabs with jQuery?
  16. Blur Img’s & Div’s in HTML using CSS
  17. What are the possible ways to hide an element via CSS [closed]
  18. Google Maps API v3: InfoWindow not sizing correctly
  19. Failed to load resource: the server responded with a status of 404 (Not Found)
  20. Add CSS to with JavaScript?
  21. how to get the base url in javascript
  22. Scroll Position of div with “overflow: auto”
  23. How to show hidden divs on mouseover?
  24. Styling Vuetify selectors
  25. Rotate div text after clicking on button using jquery and css
  26. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  27. HTML5 Video duration without playing video
  28. How to get element by class name
  29. Split text into pages and present separately (HTML5)
  30. Can you have multiple lines in an element?

Leave a Comment