<!DOCTYPE html>
<html>
  <head>
    <style> * { color: red } </style>
    <style id="t"></style>
  </head>
  <body>
    <span class="test">This text should be green</span>
    <script>
      document.getElementById("t").appendChild(document.createTextNode(""));
      document.getElementById("t").firstChild.data = "* { color: green }";
    </script>
  </body>
</html>