0

テキストエリアに貼り付けられた CSS をページのヘッド セクションに挿入/追加する方法はありますか? アプリの設定ページを作成しています。CSS をテキストエリアに追加して [保存] をクリックするだけで、テーマと小さな変更を加えるオプションを許可したいと考えています。

その他のオプション: textarea に「theme.css」というファイルを表示させることは可能ですか?その後、行われた変更はそのファイルとして保存されます。テーマを完全に変更するには、新しいテーマをテキスト ボックスに直接コピーして貼り付けます。

4

2 に答える 2

3

jqueryを使用する場合、これがどのようにできるかです

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

別のオプションとして

を使用して theme.css ファイルを読み取りfread、テキストエリアに表示して、 を使用してファイルに保存できます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 に答える