1

ある時点で、ユーザーは の に飽きてしまうかもしれませStyle/ThemeんWEB applications。
彼らは、「自分の好きなように見せることができれば」と思うかもしれません。

例:

  • 私自身、Stack Overflow のユーザーです。Page-headerBar を青/紫に見せたい場合
  • ページ自体は黒の背景と白の文字色にする
  • ...

私の必要性:
class 属性を変更するだけでなく、完全な CSS 定義自体を変更します。
ユーザーに一連のスタイルシートからの選択を強制すると、小さなスペースに制限されることになるので、それは避けたいと思います。

*注* jqueryプラグインやjqueryスクリプトを使用しない純粋なjavascriptで必要です

4

1 に答える 1

3

あなたはこれを試すことができますその純粋なJavascript

<script>
    function applyit()
    {
        var ref = document.querySelector("#divel");
        var bdy = document.getElementsByTagName("body")[0];
        var style = (bdy.querySelector("#thm") || document.createElement("style"));
        style.setAttribute("id","thm");
        var reqCSS = prompt("Enter the CSS Body","color:#AA5533;");
        style.innerHTML = ".cus{"+reqCSS+"}";
        bdy.appendChild(style);
        ref.setAttribute("class","cus");
    }
    </script>
    <style> .def { color:#0000FF; } </style>

<div id="divel" class="def">
  <h3>This is a heading in a div element Which Has The Color Change</h3>
  <p>This is p tag in a div element Which Has The Color Change.</p>
</div>

<p onclick="applyit();">Click Here To Change The Color For Heading and p tag.</p>

注: ユーザーの好みのスタイルを browserStorage/Server に保存して、UserExperience を向上させることができます。

于 2012-11-21T02:12:15.070 に答える