Loading styles to head from noscript

styles-from-noscript.html

<noscript id="styles">
  <link rel="stylesheet" href="style1.css">
  <link rel="stylesheet" href="style2.css">
</noscript>
<script>
  var head = document.getElementsByTagName('head')[0],
    stylesString = document.getElementById('styles').childNodes[0].textContent,
    stylesRegex = /[^"]+\.css/g,
    stylesResult = stylesString.match(stylesRegex);

  for (var i = 0; i < stylesResult.length; i++) {
      var link  = document.createElement('link');
      link.rel  = 'stylesheet';
      link.href = stylesResult[i];
      head.appendChild(link);
  }
</script>