title: Chrome error with NO_MODIFICATION_ALLOWED_ERR DOM Exception 7
body: <p>I have below code to insert a style into DOM (there is a use case for injecting style into DOM so please don't ask why or say to load the css in .css file).</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  window.onload = function()
  {
      var bmstyle = document.createElement('style');
      bmstyle.setAttribute('type', 'text/css');
      var styleStr = "#test-div {background:#FFF;border:2px solid #315300;";
      bmstyle.innerHTML = styleStr;
      document.body.appendChild(bmstyle);
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>If I run in Firefox, it works fine. But I got this error in Google Chrome:</p>
  
  <pre><code>Line bmstyle.innerHTML = styleStr;
  Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7
  </code></pre>
  
  <p>Does anyone have a fix? Thanks</p>