Question

我有一个div包含3种颜色，这是我的调色板，我想通过点击这个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

$("#myDiv").html("anything");

在你的div中使用它：

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

为了使处理更容易，请使用css3＆＃34;变量＆＃34;。你可以使用js设置它们，你可以在你的CSS中使用它们。这仍然是实验性的。的CSS：

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

在上面的js中添加：

body {
  --color:#fff;
}

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

JQuery将调色板颜色应用于html页面中的任何内容

1 个答案: