JavaScript CSS: How to create or add CSS style sheets dynamically with JavaScript

1. The simple way, regardless, directly this can be:
Document.createstylesheet (). Csstext = ' label {color:red; ' +
This comment only helps understand in the current JS and is not written in CSS
' width:300px;height:150px} ' +
'. Class name {...} ' +
' #ID们 {...} '
;
Finish the job. I like the semicolon to write, and it's better to align it with the beginning of the instruction, especially when there are other statements behind it.
2. A perfect way to prevent duplicate additions can be achieved by adding a stylesheet ID and judging it:
if (!document.stylesheets[' to create a style sheet ID such as Theforever ']) {//first check to see if the style sheet ID you want to create exists to prevent repeated additions
var ss = Document.createstylesheet ();
Ss.owningElement.id = ' to be established style sheet ID such as Theforever ';
Ss.csstext = ' label {display:inline-block;overflow:hidden; ' +
This comment only helps understand in the current JS and is not written in CSS
' text-align:left;width:300px;height:150px} ' +
'. Class name {...} ' +
' #ID们 {...} '
;
}

This article links http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130102/35506.html