title: Javascript: Can i dynamically create a CSSStyleSheet object and insert it?
body: <p>I know <code>document.styleSheets</code> which consists of all valid style sheets in a page. I want to know whether i can create a new one and append it to present list via javascript.</p>
  
  <p>I have tried <code>document.styleSheets[0].constructor</code>, <code>document.styleSheets[0].__proto__.constructor</code>, <code>new CSSStyleSheet</code>, <code>CSSStyleSheet()</code>, all what i get from Chrome is <code>TypeError: Illegal constructor</code>. <code>CSSStyleSheet.constructor()</code> returned a pure object but i expect a CSSStyleSheet object.</p>
  
  <p><strong>I know i can create a link/style element and append it, then modify it. What i want to know is that, can i create such object directly with javascript?</strong></p>