0

有没有办法将粘贴到文本区域的 CSS 注入/附加到页面的头部？我正在为应用程序制作设置页面，我想通过将 CSS 添加到文本区域然后单击保存来允许主题和更改小事的选项。

其他选项：是否可以让 textarea 显示一个名为“theme.css”的文件，然后所做的任何更改都将保存为该文件。要完全更改主题，只需将新主题直接复制/粘贴到文本框中即可。

4

2 回答 2

3

如果你使用 jquery，你可以这样做

<script>
$("head").append("<style>body {background:blue;}</style>");
</script>

作为另一种选择

您可以使用 读取 theme.css 文件fread，将其显示在 textarea 中并使用 将其保存到文件中fwrite。

于 2012-08-26T06:43:45.080 回答
0

类似的东西？

<!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>
于 2012-08-26T22:12:58.487 回答