javascriptでdivの背景色を変更する方法

Question

これは多くの人にとって非常にシンプルに見えるかもしれませんが、私にとってはそうではありませんので、ここにあなたの助けを求めています。

私はいくつかの色を返すjavascript関数を持っていて、その関数から来る背景色を受け入れる別のdivを持っています。

私はこのような関数の結果を得る：

var _myColor = GenerateColor(value).color; 

と_myColorの結果は次のとおりです。＃742322

は、どのように私は私の背景色としてdivの内側に、今この色を強制します

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

ありがとうございます！

Answer 1

JQueryには.css()というメソッドがあります。 1つの属性（background-colorのようなcssプロパティ）を渡すと、このプロパティの値が取得されます。2番目の属性を渡すと、2番目の属性はプロパティの値になります。

$("#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

は、純粋なJavaスクリプトがdiv要素を変更するためにJavaScriptを使用する[方法の

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