有没有办法将粘贴到文本区域的CSS注入/附加到页面的头部？我正在为一个应用程序制作设置页面，我想通过在文本区域添加CSS，然后单击保存，来允许主题和更改次要内容的选项。
其他选项：是否可以让文本区域显示一个名为"theme.css"的文件，然后所做的任何更改都将保存为该文件。要完全更改主题，只需将新主题直接复制/粘贴到文本框中即可。
如果您使用jquery，这就是进行的方法
<script>
$("head").append("<style>body {background:blue;}</style>");
</script>
作为另一种选择
您可以使用fread读取theme.css文件，将其显示在文本区域，并使用fwrite将其保存到文件中。
类似的东西？
<!doctype html>
<html>
<head>
<script type='text/javascript'>
function addStyle(css){
var stl = document.createElement('style');
stl.innerHTML = css;
document.getElementsByTagName('head')[0].appendChild(stl);
}
</script>
</head>
<body>
<p>Paragraph To Test<p>
<textarea id="txtarea">p{color:red;}</textarea>
<input type="button" value="Set Style" onclick="addStyle(txtarea.value);">
</body>
</html>