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

Question

I know this may seem very simple to many, but for me it isn't, so im here asking for your help.

I have a javascript function that returns some colors, and then a have a seperate div which should accept background color that comes from that function.

i get the result of function like this:

var _myColor = GenerateColor(value).color;

and the result of _myColor is: #742322

How would i force this color now inside div as my background-color

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

Thank you!

Answer 1

JQuery provides a method called .css() . If you pass one attribute (the css property like background-color ) you get the value of this property.If you pass a second one, the second one will be the property's value.

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

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

Answer 2

尝试这个：

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

Answer 3

here is another solution with pure java script enjoy coding

  <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';
}