Question

我知道这对许多人来说似乎很简单，但对我而言却不是，所以我在这里寻求你的帮助。

我有一个返回一些颜色的javascript函数，然后有一个单独的div，它应该接受来自该函数的背景颜色。

我得到这样的函数结果：

var _myColor = GenerateColor(value).color;

，_myColor的结果是：＃742322

我如何在div中将此颜色强制为 background-color

<div class="myColorClass" stlye="background-color:"></div>

谢谢！

Answer 1

JQuery提供了一个名为.css()的方法。如果您传递一个属性（像background-color这样的css属性），您将获得此属性的值。如果您传递第二个属性，则第二个属性将是属性的值。

＆＃13;

$("#mydiv").css("background-color", "#F0F0F0");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">This is my div.</div>

＆＃13;

Answer 2

试试这个：

 document.getElementsByClassName('myColorClass')[0].style.backgroundColor = color;

Answer 3

这是另一个纯java脚本享受编码的解决方案

  <div>
   <form>
      <input type="text" placeholder="first input"></input>
      <input id="secondtext" type="text" placeholder="second text"></input>
   </form>
</div>
<div id="div1">
   hello
</div>
<button onclick="backcolor()">ClickToChangeColor</button>
function backcolor()
{
   document.getElementById('div1').style.backgroundColor = 'red';
}

如何用javascript更改div的背景颜色

3 个答案: