jQueryのは、これがある</p> <p>を私はdiv要素を持っている

Question

が私のパレットである3色を含んでいて、私はこれにクリックすることで、ボタン、テキスト、アイコンなどの色を変更したいHTMLページに何もパレット色を適用DIV htmlコード：

<div class="colorPalet left"> 
    <div id="colorsPal"> 
     <div class=" left colorZone" style="background-color:#703d57;"></div>    
     <div class=" left colorZone" style="background-color:#b37ba4;"></div> 
     <div class="left colorZone" style="background-color:#d9b8c4;"></div> 
    </div> 
</div> 

これが私のパレットです：

the div palette image

Answer 1

<script> 
    function colorize(elem) { 
     color = elem.style.backgroundColor; 
     document.getElementById("a").style.color = color; 
    } 
</script> 

は、あなたのdivの内側にそれを使用します。

<div onclick="colorize(this)"></div> 

取り扱いをより簡単にするために、CSS3、「変数」を使用します。あなたはjsを使ってそれらを設定することができ、あなたはあなたのCSSの中でそれらを使うことができます。これはまだ実験的です。 のCss：

body { 
    --color:#fff; 
} 

.allcoloredelements { 
    background-color:var(--color); 
} 

は、上記のJSでこれを追加します。

body.style.setProperty("--color", color);